HTML之列表、表格

leoskey -

一、列表标签

【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单元格填充