时间:2021-07-01 10:21:17 帮助过:16人阅读
在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
语法:
举例:
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点.
如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,这类信息展示就可以使用
- 信息
- 信息
......
举例:
下面是一个热点课程下载排行榜:
- 前端开发面试心法
- 零基础学习html
- JavaScript全攻略
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个
语法:
…
确定逻辑部分:什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。
在上一小节中,我们把一些标签放进
…
创建表格的四个元素:
table、tbody、tr、th、td
1、
2、
…:当表格内容非常多时,表格会下载一点显示一点,但如果加上标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。3、
4、
5、
6、表格中列的个数,取决于一行中数据单元格的个数。总结:
1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的
2、表头,也就是th标签中的文本默认为粗体并且居中显示
Table 表格在没有添加 css 样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。
在右侧代码编辑器中添加如下代码:
上述代码是用 css 样式代码,为th,td单元格添加粗细为一个像素的黑色边框。
摘要
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法: