表格结构
表头单元格th 表头文字会加粗
属性:cellpadding—设置单元边和内容空白距离
cellspacing—设置单元格与单元格之间空白
合并单元格
跨行合并:rowspan=“合并单元格个数”
跨列合并:colspan=“合并单元格个数”
目标单元格:(绿色对钩为目标)
-
跨行:最上侧单元格为目标
-
跨列:最左侧单元格为目标
步骤
- 确定跨行还是跨列
- 找到目标单元格 colspan|rowspan
- 删除多余单元格
列表标签
无序列表(排列简单、整齐、无序)
<ul>
<li>1231</li>
<li>231</li>
<li>rewq</li>
</ul>
注意:
- ul只能放li
- li可以放任何标签
自定义列表(围绕小标题说明)
<dl>
<dt>hhh</dt>
<dd>why</dd>
<dd>not</dd>
<dt>lalla</dt>
<dd>hurry</dd>
<dt>la</dt>
<dd>hunger</dd>
</dl>
dl—定义描述列表(只能放dt|dd) dt----项目名字 dd—描述项目
表单标签
input标签
name 的主要作用就是用于区别不同的表单。
label标签(增大点击区域)
label(for属性值)里面嵌入input(id属性值一样)
select标签(下拉)
在 中定义selected =“selected " 时,当前项即为默认选中项。
textarea文本域
多行输入
(1)表单域form使用场景: 提交区域内表单元素给后台服务器
(2)文件域file是input type 属性值使用场景: 上传文件
(3)文本域textarea使用场景: 可以输入多行文字, 比如留言板 网站介绍等…