1.标题标签

<h>标题内容</h>

分为6级，字体大小由一到六依次递减，快捷可直接输入（h1-6。

2.换行符号

测试&lt;br&gt; 换行符效果，这是第一行
<br>
这是第二行

)K5P_1~LEKUM5$Q892OB_YJ.png

3. =水平线

测试&lt;hr&gt; 水平线效果，这是第一行<hr>
这是第二行

4.image标签

img相关属性	描述
img	单标签
scr	展示的图片地址
alt	当图片加载失败时显示的文字
tittle	鼠标在图片上移动显示的文字
width	定义图片宽度,单位为像素点px,如果只添加宽度，则等比例放大
height	图片的高度，单位为像素点px

<img scr="图片地址” 
         alt="泡泡玛特"
          tittle="下雨天"
          width="500px"
           height="100"/>

【绝对路径】绝对路径以协议（http://、https://、file://）或者以“/”作为前缀
【相对路径】相对路径以文件本身为参照路径进行定位

./ 代表当前路径

../ 代表上一层路径

../../ 代表上一层的上一层路径

5.超链接标签

属性	描述
href	跳转到指定地址的目标

跳转到目标地址必须加协议,例如下面是https://baidu.com,而不是baidu.com。

<a href="http://www.baidu.com"  >百度一下，你就知道</a>

6. 列表

6.1 无序列表

展示的内容没有顺序要求

<ul>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ul>

6.2 有序列表

展示的内容有顺序要求,比如排行榜

html
<ol>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ol>

6.3 自定义列表

一般用于网页下面

自定义列表	描述
dl	自定义列表的整体，用来包裹dt/dd
dt	自定义列表的主题
dd	自定义列表的针对主题的内容，会默认显示缩进效果

注意：dl标签中只允许包含dt/dd标签，dt/dd标签可以包含任意标签

<dl>
<dt>标题</dt>
<dd>内容一</dt>
<dd>内容二</dt>
<dd>内容三</dt>
</dl>

7.表格标签

一般来说，定义表格之后需要指定宽高，使用border指定表格的边框。

语法	描述
table	定义一个表格，简单的 HTML 表格由 table 元素以及一个或多个 tr、th 、td 组成；
tr	定义表格中的行，表格行中包含一个或多个th或td元素；
td	内容靠左边
th	内容居中

<table width="200" height="200" border="1" >
	<tr>
		<th>表头1</th>
		<th>表头2</th>
</tr>
	<tr>
		<td>数据1</td>
		<td>数据2</td>
</tr>
</table>

7.1 表格行列合并

colspan：合并列/在列上面合并
rowspan：合并行/在行上面合并

三行两列的表格，第一行中单元格合并，第二行中第一列进行行合并：
<table width="200" height="200" border="1" >
	<tr>
		<td colspan="2">数据1</td>
	</tr>
	<tr>
		<td rospan="2">数据1</td>
		<td>数据2</td>
	</tr>
	<tr>
		<td>数据2</td>
	</tr>
</table>

8 表单标签

主要用来收集用户资料

语法	描述
form	用于定义表单，需要表单元素`input`

8.1 表单元素input

input标签可以通过type属性值的不同，展示不同效果

属性	描述
text	普通的文本输入框
password	密码输入框
radio	单选框，单选的name属性`sex` 必须相同
checkbox	复选框
file	文件选择框

按钮	描述
reset	重置
submit	把表单里的数据提交到`action`里面填写的地址，按钮里面的字用`value=注册`
button	简单的定义一个按钮，`用的最多`

01-java基础篇之html