标签
简介:
HTML列表标签用于整齐展示内容,包括无序、有序和自定义列表;表格标签用于数据展示或布局,通过table、tr、td等标签构建,支持单元格合并;表单标签用于收集用户数据,由form包裹input、select等表单项。
- 列表标签
1.1 无序列表
作用:将内容整齐且无序的展示成一列
特点:每个列表项独占一行,且前面有个小圆点。
1.2 有序列表
作用:内容整齐且有序的排成一列
特点:每个列表项独占一行,且前面有个序号(数字、字母、罗马数字)。
1.3 自定义列表
- 表格标签
- 作用:展示数据或者页面布局
- 常见标签:
table:定义整个表格,内部包含tr标签 属性:【不推荐使用,推荐使用CSS样式】
border:设置表格的边框宽度
cellspacing:设置单元格间距
width:设置表格宽度
align:设置表格水平对齐方式:取值:left(默认)、center、right
bgcolor:设置表格背景颜色
bordercolor:设置表格边框颜色
tr标签:定义行,内部包含th或者td align:设置行中内容的水平对齐方式:取值:left(默认)、center、right
th标签:定义表头单元格,特点:内容居中,加粗
td标签:定义数据单元格,特点:内容默认居左,不加粗
- 合并单元格:将多个单元格通过跨行或者跨列合并成一个单元格
实现步骤:
1 明确合并的目标(跨行还是跨列合并?) 2 保留最左最上(第一个)的单元格,添加属性 (取值是数字,表示需要合并的单元格数量)
跨行合并,保留最上单元格,添加属性rowspan
跨列合并,保留最左单元格,添加属性colspan
3 删除被合并的单元格
- 表单标签
- 作用:收集用户提交的数据
- 常用标签:
form标签:定义表单最外层的标签,内部包含、、等表单项标签。</li> </ol>