type
status
date
slug
summary
tags
category
icon
password
1 列表
1.1 无序列表
1.2 有序列表
1.3 定义列表
1.4 列表标签总结
标签名 | 功能和语义 | 属性 | 单标签/双标签 |
ul | 无序列表包裹元素 | ㅤ | 双标签 |
ol | 有序列表包裹元素 | ㅤ | 双标签 |
li | 列表项 | ㅤ | 双标签 |
dl | 定义列表包裹元素 | ㅤ | 双标签 |
dt | 定义列表项标题 | ㅤ | 双标签 |
dd | 定义列表项描述 | ㅤ | 双标签 |
注意:
li 必须被 ul 或者 ol 直接包裹!
2 表格标签
2.1 表格的结构
2.2 表格整体样式设置
2.3 设置单元格宽高
给 td、th 设置 width 和 height 属性:
给 tr 和 td 设置 height 有什么区别:
2.4 设置单元格中内容对齐方式
设置单元格内容横向对齐方式:
设置单元格内容纵向对齐方式
2.5 单元格跨行和跨列(重要)
给 td、th 设置属性:
2.5 表格标签总结
标签名 | 功能和语义 | 属性 | 单标签还是双标签 |
table | 表格包裹元素 | width
height
cellspacing
cellpadding
border | 双标签 |
caption | 表格标题 | ㅤ | 双标签 |
thead | 表格头 | align
valign | 双标签 |
tbody | 表格体 | align
valign | 双标签 |
tfoot | 表格脚 | align
valign | 双标签 |
tr | 行 | height
align
valign | 双标签 |
td | 单元格 | width
height
align
valign
colspan
rowspan | 双标签 |
th | 表头单元格 | width
height
align
valign
colspan
rowspan | 双标签 |
3 表单
3.1 表单总体设置
3.2 表单控件
① 文本输入框
② 密码输入框
③ 单选框
④ 复选框
⑤ 提交按钮
⑥ 重置按钮
⑦ 普通按钮
⑧ 文本域
⑨ 下拉选项
3.3 表单控件的属性
① name 属性
② value 属性
③ disabled 属性
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web01_html_02
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。