标签

超级链接标签中​​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="用户名" />