html列表和表格的相同之处,HTML基础 之 表格 与 列表

HTML的表格

概述：

表格由

标签定义)。字母 td 指表格数据(table data)，即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格和边框属性 如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。 使用边框属性 border =“”设置 表格边框属性 表格的表头 表格的表头使用	标签进行定义。 大多数浏览器会把表头显示为粗体居中的文本： 实例： 表头： 姓名 电话 电话 Bill Gates 555 77 854 555 77 855 垂直的表头： 姓名 Bill Gates 电话 555 77 854 电话 555 77 855 注意：这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符()，就可以将边框显示出来。 表格标签：	定义表格的表头。
定义表格单元。

HTML 列表

HTML 支持有序、无序和定义列表

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于

• 标签。每个列表项始于
• 。

  实例：

  Disc 项目符号列表：

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

  Circle 项目符号列表：

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

  Square 项目符号列表：

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

  Disc 项目符号列表：

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

  Circle 项目符号列表：

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

  Square 项目符号列表：

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

  有序列表

  同样，有序列表也是一列项目，列表项目使用数字进行标记。

  有序列表始于

  1. 标签。每个列表项始于
  2. 标签。

     实例：

     数字列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     小写字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     罗马字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     小写罗马字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     数字列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     小写字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     罗马字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     小写罗马字母列表：

     1. 苹果
     2. 香蕉
     3. 柠檬
     4. 桔子

     定义列表

     自定义列表不仅仅是一列项目，而是项目及其注释的组合。

     自定义列表以

     开始。每个自定义列表项的定义以

     开始。

     列表镶嵌

     实例：

     一个嵌套列表：

     • 咖啡
     • 茶
       • 红茶
       • 绿茶
         • 中国茶
         • 非洲茶
     • 牛奶

     一个嵌套列表：

     • 咖啡
     • 茶
       • 红茶
       • 绿茶
         • 中国茶
         • 非洲茶
     • 牛奶

     列表标签

     标签 描述

     1. 定义有序列表。

     • 定义无序列表。
     • 定义列表项。

       定义定义项目。

       定义定义的描述。

       希望对你们有帮助，O(∩_∩)O谢谢！！！