HTML的三种列表

HTML专题技术文献

开发工具与关键技术:HTML的三种列表
作者:梁文杰
撰写时间:2019年1月16日

1)第一种序列表分为有序列表和无序列表
下图明显可以看得出区别,有序列表在每一项列表的项目前有表示顺序,无序列表则只有一个个黑点,其中的li标签意思是“列表的项目”,与ul/ol配合使用
HTML的三种列表_第1张图片HTML的三种列表_第2张图片
HTML的三种列表_第3张图片HTML的三种列表_第4张图片

2)定义列表
从下图可以看出,dt和dd都是放在dl里面的,dt意思是“定义列表中的项目”,dd意思是“定义列表中项目的描述”,dt和dd的区别就在于dt自动把文字转化成黑色且没有下划线,同时它在鼠标移入时鼠标箭头会变成文字输入的标志,而dd的文字在鼠标移入时是变成手指
HTML的三种列表_第5张图片HTML的三种列表_第6张图片

3) 表格
在最外面的table标签意思是表格,
然后tr标签意思是表格中的行,th标签意思是表格中的表头单元格,td标签意思是表格中的单元
如图2所示,th标签自带文本粗体效果,td标签都向左边对齐
HTML的三种列表_第7张图片HTML的三种列表_第8张图片

你可能感兴趣的:(HTML的三种列表)