HTML之列表、表格

一、列表标签

【why】合理排列网页内容

1. 无序列表：
   【where】导航条、文章标题列表等
   【语法】```

• 列表项

```

【属性】

type值	效果
type	列表项符号
disc	实心圆（默认）
circle	空心圆环
square	正方形

2. 有序列表 【语法】```

1. 列表项

```

【属性】

type值	效果
type	列表项符号
disc	实心圆（默认）
circle	空心圆环
square	正方形

3. 自定义列表 【where】图文混排 【语法】```

标题

描述

```

二、表格标签

【why】使排列的内容简洁、整齐，便于浏览
【where】各种常见表格，表单布局，商品浏览布局，数据浏览布局等

1. 基本结构
   【语法】```

``` 2. 使用步骤 - 创建表格标签 `` - 在 ``中创建行标签`` - 在单元格的内容 `中创建单元格标签` 3. 合并单元格 - 跨列：横向合并单元格 ``` ...... ``` - 跨行：纵向合并单元格 ``` ...... ``` 4. 高级选项 - 表格标题 ``` 表格标题 ``` - 表头：表格的第一行数据，粗体居中显示 ``` 列标题1 列标题1 ``` - 分组：各分组标签内由多行组成 ` ` 5. 美化与布局 - 表格的宽、高、边框（可设置表格、行、单元格） 【语法】``` ```

【属性】

属性名	作用
width	宽
height	高
border	边框
bordercolor	边框颜色

- 表格背景（可设置表格、行、单元格）

属性名	作用
bgcolor	背景颜色
background	背景图像地址

- 对齐方式 【语法】

属性名	作用
align	水平对齐方式，可取值left（左）| center（中）| right（右）
valign	垂直对齐方式，可取值top（上）| middle（中）| buttom（下）

6. 填充的间距 【语法】``` ```

属性名	作用
cellspacing	单元格间距
cellpadding	单元格填充