标签
超级链接标签中a表示锚点，里面的href表示要跳转页面的路径。target表示属性值设置新页面打开方式。默认值是在当前窗口打开。_blank表示在新窗口打开。title表示悬停提示文本。任何标签都可以书写id属性，属性值是唯一性。页面内锚点跳转中属性值的#id属性名。div是容器级标签，独占一行。span是文本级标签，多个span并排显示。
<p>
<a href="">测试1</a>
<a href="#test1">测试2</a>
<a href="#test2">测试3</a>
</p>
<h3 id="test2">早年经历</h3>列表有3种，分别为无序列表和有序列表以及自定义列表。其中无序列表用ul表示。里面可以包括li，li用来表示列表项。ul和li是成对出现的标签，出现ul一定有li，有li一定被ul包裹。ul是容器级标签，li也是容器级标签，内部可以书写任何标签。ul内部可以嵌套一个或者多个li标签，li之间没有先后顺序。有序列表用ol表示。使用方法和ul一样。如果想要隐藏前面的数字可以使用list-style: none。自定义列表使用的是dl。作用是给文本添加自定义列表语义。里面包括dt和dd。dt用来表示标题，dd用来表示描述。dl嵌套dt和dd，dt和dd是同级关系，dt是标题，dd是对标题解释说明。dd可以有多条也可以没有。这三个都是容器级标签。一般我们在使用dl时，只嵌套一组dt和dd，便于样式书写。
<dl>
<!-- 标题 -->
<dt>web前端</dt>
<dd>vue技术</dd>
<dd>JavaScript</dd>
</dl>表格中table用来表示表格。tr用来表示行。td表示单元格。如果表格有表头的概念，将td换成th。单元格合并利用td或者th两个属性。rowspan表示跨行合并。colspan表示跨列合并。区域的语义标签中caption表示标题。thead表示表头区域。tbody表示表格主体。
<table>
<tr>
<td>web</td>
<td rowspan="2">vue</td>
<td colspan="2">javascript</td>
</tr>
</table>form标签中将所有的表单元素都书写在form标签内部。form标签是功能标签不是结构标签。action用来表示表示提交位置。method用来表示提交方式。表单元素是用来提供给用户进行输入或者选择控件。属性用type表示，根据type属性值，有不同的表单类型。文本框中type属性值为text。name表示名字。value是默认文本。如果type为password表示密码。单选框中type用radio表示。同一组单选框，必须设置相同的name属性值。设置表单被选中用checked。label标签可以绑定单选框，将要绑定标签添加id（唯一）。复选框中的type为checkbox。同一组复选框，必须设置相同的name属性值。除了具有checked属性，还可以使用label标签。
<form action="8.php" method="get"></form>
请输入用户名：<input type="text" name="zss" value="用户名" />
