列表标签的使用场景
ul标签表示无序列表的整体,li标签表示无序列表的每一项
ol标签表示有序列表的整体
VSCODE实例
表格标签
表格相关属性
代码实例
TAB按多了,想往回移动,按shift+TAB
合并单元格
VSCODE示例,一定记住删除没用的
表单标签
input系列
文件上传:多文件上传需要增加multiple属性
input的type属性
表单域标签 <form action=""></form>
相关语法规则及代码示例如下:
button与input类似,双标签<button></button>
实用中button更常用些,需要跟js配合使用,代码如下
下拉菜单
文本域
cols rows并不适用于项目中,一般用CSS来进行编辑。了解即可。右下角的拉伸也需要在实用中通过CSS来禁用。
label标签
*直接复制选中命令到下一行的快捷按键:shift + ALT + 方向键下
两种label使用方法代码如下:
div和span标签一般作为网页布局使用,无语义标签
代码和实际显示效果如下:
有语义的布局标签
这些标签一般使用在移动端网页制作
一般只用空格 (注意,有;号)