html5——列表、表格

目录

列表 

无序列表

有序列表

自定义列表

表格 

基本结构 

示例 

表格的跨列 

表格的跨行 

---

列表 

无序列表

【声明无序列表】

     

• 河间驴肉火烧
【声明列表项】

     

• 唐山棋子烧饼

     

• 邯郸豆沫

     

• 石家庄金毛狮子鱼

 

 

无序列表的特性：

1. 没有顺序，每个
2. 标签独占一行（块元素） 
3. 默认
4. 标签项前面有个实心小圆点
5. 一般用于无序类型的列表，如导航、侧边栏新闻、有规律    的图文组合模块等

有序列表

【声明有序列表】

 

1. 驴肉火烧
【声明列表项】

 

2. 京东煨肘子

 

3. 牛肉罩饼

 

4. 缸炉烧饼

有序列表的特性：

1. 有顺序，每个
2. 标签独占一行（块元素） 
3. 默认
4. 标签项前面有顺序标记
5. 一般用于排序类型的列表，如试卷、问卷选项等

自定义列表

【声明定义列表】

    水果【声明列表项】

    苹果【定义列表项内容】

    桃子

    李子

 定义列表的特性：

1. 没有顺序，每个标签、标签独占一行（块元素）
2. 默认没有标记
3. 一般用于一个标题下有一个或多个列表项的情况

表格 

基本结构 

• 单元格 
• 行
• 列 

  示例 

  【表格标签】

     

  【行标签】

          

  【单元格标题标签】

          

     

     

          

  【单元格标签】

          

     

  1行1列的标题	1行2列的标题
  1行1列的单元格	1行2列的单元格

  

  表格的跨列 

   

     

  【所跨的列数】

   

   

     

   

   

   

  学生成绩
  语文	98
  数学	95

  

   

  表格的跨行