html+css 3

                                                         开篇第三章 

一、网页上有很多信息的列表，如新闻列表、图片列表用ul-li标签,ul-li是没有前后顺序的信息列表。

语法：

                 

• 信息

                 

• 信息

                ...............

             

二、使用ol,添加图书销售排行榜。

在网页中展示有前后顺序的信息列表，这类信息展示就可以使用

标签来制作有序列表来展示。

语法：

                 

1. 信息

                 

2. 信息

                ................ 

           

三、在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个

标签中，这个

标签的作用就相当于一个容器。

语法：

…




四、给div命名，使逻辑更加清晰。

为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为

提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。

语法：

...




五、table标签，认识网页上的表格。

创建表格的四个元素：table、tbody、tr、th、td

1、

...：整个表格以标记开始、以标记结束。

2、…：如果不加 ,和, table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）

3、…：表格的一行，所以有几对tr 表格就有几行。

4、…：表格的一个单元格，一行中包含几对...，说明一行中就有几列。

5、…：表格的头部的一个单元格，表格表头。

6、表格中列的个数，取决于一行中数据单元格的个数。

总结：

1、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的

2、表头，也就是th标签中的文本默认为粗体并且居中显示

六、用css样式，为表格加入边框。

Table 表格在没有添加 css 样式之前，是没有边框的。这样不便于我们后期合并单元格知识点的讲解，所以在这一节中我们为表格添加一些样式，为它添加边框。






6、caption标签，为表格添加标题和摘要。

摘要

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

 语法：

标题


用以描述表格内容，标题的显示位置：表格上方。

语法：

       

       

             

             

              ...       

     

...

标题文本

...	...