1.列表标签
(1)作用:给一堆数据添加列表语义
(2)分类:
-无序列表:
-给一堆数据添加列表语义,数据没有先后之分
-格式:<ul>
<li>需要显示的条目内容</li>
</ul>
-应用场景:新闻列表、商品列表、导航条
-练习:一个ul标签中只能有li标签,但是li标签中可以添加其他标签,所以,可以尝试在li标签中添加其他标签来仿写其他网站的
-有序列表:
-使用比较少,给一堆数据添加列表语义,数据有先后之分
-格式:<ol>
<li>需要显示的条目内容</li>
</ol>
-定义列表:
-格式:<dl>
<dt>列表标题</dt>
<dd>标题下的描述</dt>
</dl>
-应用场景:网站尾部的相关信息、图文混排
2.表格标签
(1)格式:<table>(整个表格)
<tr>(表格的每行)
<td></td>(每行中的一个单元格)
</tr>
</table>
(2)作用:给一堆数据添加表格语义
(3)表格标签中,默认边框是看不到的,如果需要显示,就添加属性border(<table border="边框的粗细值">)
(4)其他属性:
-宽度(width)、高度(height):
用于table标签和td标签
-水平对齐(align)、垂直对齐(valign):
水平对齐用于table标签、tr标签和td标签
垂直对齐用于tr标签和td标签
-外边距(单元格与单元格的距离cellspacing)、内边距(单元格与文字的距离cellpadding):
用于table标签
(5)单元格合并:colspan(水平方向合并,合并后需要删除一个单元格)、rowspan(垂直方向合并)
(6)表格标签在过去用的非常多,但如今用css就可以实现了