本文详细介绍了HTML中的列表（无序列表ul、有序列表ol、自定义列表dl）、表格（table标签及其属性）和表单（input、button、select、textarea等标签的用法），包括单元格合并、表单属性以及form标签的应用，是前端开发的基础知识教程。
#博学谷IT学习技术支持#
目录
列表标签
列表标签分为三部分，分别为无序列表ul，有序列表ol，以及自定义列表dl
无序列表ul
无序列表ul属于一个框架，他的内部只允许li标签存在，每一个li内部就是一个内容，虽然ul内部只能嵌套li，但是li可以嵌套别的标签，比如a标签，当然，如果需要，li标签也可以嵌套ul标签，不管ul被嵌套到哪里，ul里面都只能有li，换句话说，ul的儿子只能是li，不能是其他的，不好理解的话，可以看下面示例：
ul里面嵌套li，li里面嵌套了a标签，下面这种是正确的写法
这种是ul里面不仅嵌套了li标签，还有a标签，ul的儿子除了li还有a，下面这是错误的写法
刚刚也说过li里面可以嵌套ul，也可以是其他的标签，因为li是列表标签的每一项，所以li标签不能嵌套li
以上这种列表不分顺序，称为无序列表，下面我们来讲有序列表
有序列表ol
有序列表与无序列表的使用方法一样，有序列表用标签ol嵌套li，并且li里面的内容要按顺序写入，除此之外详细使用方法可以看上面的无序列表
上面第一组是按顺序写的，下面那一组是打乱顺序的，可以看到，第二组顺序很乱，所以，有序列表要按照顺序书写。
自定义列表dl
自定义列表dl，可以自定义设置分组，如下是两个自定义列表：
dt表示该列表的表头，dd表示内容，有序列表内容前面有序号，无序列表内容前面有黑白圆点，而自定义列表则是缩进一段距离，除此之外与有序无序列表用法大致相同。
表格标签table
表格标签table，table里边嵌套行（tr），每一行又嵌套若干单元格（td、th），th一般用在第一行的单元格，有加粗效果，而表格第一行往往是告诉我们下面要填写的内容，或者是能看到的信息类型，相对来说比较重要，适合用th，而td就用于下面内容的单元格，下面是一个3*3的单元格示例：
可以看到，th单元格内容是有加粗效果的，而td单元格就是默认的不加粗效果，但是这个表格不够完美，没有边框线，看起来特别别扭，下面我们给他加上边框属性border，该属性值可以直接取整数，表示边框线的宽度，也就是想要多粗的边框线，下面来看示例：
最低0.47元/天 解锁文章
扫一扫
964
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
