html标签知识点

1、锚点链接（跳转到页面中某个位置）

①：设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#）

②：设置锚点的位置 <h3 id="miao">喵星人基地</h3>；在要跳转到的位置的标签中添加一个id属性，属性值与①中href的属性值一样，不加#。

2、表格标签的结构，表格是一行一行来写的，这一点要特别注意。

   <table>

        <tr>

            <td></td>

            <td></td>

            <td></td>

        </tr>

    </table>

3、单元格合并

colspan rowspan 进行跨列合并和跨行合并。注意跨行合并对下一行代码结构的影响。

<tr>

            <td></td>

            <td colspan="2"></td>

</tr>

<tr>

            <td></td>

            <td></td>

            <td></td>

</tr>

4、自定义列表，一般用在网页底部的链接陈列。

    <dl>

        <dt>关注我们（名词）</dt>

        <dt>新浪微博（解释说明1）</dt>

        <dt>公众号（解释说明2）</dt>

        <dt>订阅号</dt>

    </dl>

5、表单

HTML 实例 | 菜鸟教程 参考该网站中关于表单的各种实例。练习可以较好掌握表单的功能。

<form action="url地址", method="提交方式（POST/get）", name="表单域名称">

        <input type="text" value="value的值会显示在文本框中">

</form>

type属性值	功能
button	按钮，通过与js联动启动脚本
checkbox	复选框 注意多选同一个题目内的name属性值要一样才能实现单选效果。
password	暗文，输入搜索框的内容不可见
text	明文，输入搜索框的内容可见，单行文本
radio	单选 注意单选同一个题目内的name属性值要一样才能实现单选效果。
reset	重置
submit	提交
file	用于上传文件
其他属性	含义
checked	首次加载时被选中 checked="'checked"
maxlength	可以输入的最大字符长度。

label标签经常和表单元素搭配使用：用于绑定一个表单元素，当点击label标签内的文本时，浏览器会将光标（焦点）转到绑定的表单元素上。以此增加用户体验。绑定的方式是label中的for属性值和要绑定元素的id属性值一致。

        <label for="sex"></label>

        <input type="text" id="sex">

textarea标签用于多行文本。        <textarea name="" id="" cols="30" rows="10"></textarea>

select是下拉表单元素。selected为默认选项。

 <select name="" id="">

            <option value="" selected>选项1</option>

            <option value="">选项2</option>

            <option value="">选项3</option>

 </select>

6、参考资料

MDN Web Docs