Home >Web Front-end >HTML Tutorial >初学HTML 常见的标签(二) 列表标签_html/css_WEB-ITnose
上次介绍了一些简单的文本标签设计, 这篇介绍列表类标签, 通过列表能写出很好看的, 多元化的网络页面.
ul-li在网页中显示的默认样式一般为:每项li前都带一个圆点, 所以ul-li是没有序号的信息列表, 不存在前面的1, 2, 3等等的序号为其排序.
ol-li在网页中显示的默认样式和ui-li的区别就在于, 它是有序号的信息列表, 所以它的前面不再是圆点, 而是1, 2, 3等等的序号为其排序, 如果懂一些英文的人我想会更好记忆(
, | .
|
|
---|---|---|
table head 表头标签, 这个标签是内嵌在 | ||
table data cell 单元数据标签, 这个标签的的用法和 | 是一样的, 在非表头行使用, 是指每个单元中和表头标题一一对象的元素, 所以在第一行表头有多少个 | 在后面的 |
与之相对应. 下面上代码给大家解释:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>认识table表标签</title></head><body><!--表格开始标签--><table> <!--表格行开始标签--> <tr> <!--表格头标签--> <th>班级</th> <th>学生数</th> <th>平均成绩</th> </tr> <tr> <!--表格单元格标签--> <td>一班</td> <td>30</td> <td>89</td> </tr> <tr> <td>二班</td> <td>35</td> <td>85</td> </tr> <tr> <td>三班</td> <td>32</td> <td>80</td> </tr></table></body></html><br /> 运行效果如下 可能会有人想, 表格为什么没有边框呢, 但是这些是需要css进行帮助的, 所以这里就先不解释如何添加了. |