HTML-基础-功能元素（列表标签，table，细线表格，单元格的合并，表单元素）

功能元素
一、列表标签
1、 给⼀堆数据添加列表语义, 也就是告诉搜索引擎告诉浏 览器这⼀堆数据是⼀个整体
2、⽆序列表 (<ul></ul>)
      有序列表(<ol></ol>)
       定义列表(<dl></dl>)
3、ul>li*3能生成

<ul>
   <li></li>
   <li></li>
   <li></li>
</ul>

4、margin：外边距
5、有序列表： 给⼀堆数据添加列表语义, 并且这⼀堆数据中所有的数 据都有先后之分
     <ol type="A"></ol>
     1   默认值。数字有序列表。(1、2、3、4)
     a   按字⺟顺序排列的有序列表，⼩写。( a、b、c、d)
     A   按字⺟顺序排列的有序列表，⼤写。(A、B、C、D)
     i   罗⻢字⺟，⼩写。(i, ii, iii, iv)
     I   罗⻢字⺟，⼤写。(I, II, III, IV)
6、a、ul标签是⽤来给⼀堆数据添加列表语义的, ⽽不是⽤来给他们添加⼩圆点的
     b、ul标签和li标签是⼀个整体, 是⼀个组合. 所以⼀般情况下ul标签和li标签 都是⼀起出现, 不会单个出现. 也就 是说不会单独使⽤⼀个ul标签或者单独 使⽤⼀个li 标签, 都是结合在⼀起使⽤。
     c、ul标签中不推荐包含其它标签, 也 就是说以后你在ul标签中只会看到li 标签。
二、表格标签
1、 表格标签有⼀个border边框属性, 这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框； 表格标签和列表标签⼀样, 它是⼀个组合标签, 所以table/tr/td要么⼀起
出现, 要么⼀起不出现, 不会单个出现。
2、align: left center right
     valign: top mid bottom(在垂直方向的对齐）
3、垂直对齐只能对tr和td使用
4、就近原则：td中设置了align属性, tr中也设置了align属性, 那么单元格 中的内容会按照td中设置的来对⻬ 
5、cellspacing：外边距；cellpadding：内边距
三、细线表格
1、给table标签设置bgcolor="black"，  cellspacing = "1px"
     给tr标签设置bgcolor="white"
2、table标签和tr标签以及td标签都⽀持bgcolor属性
四、单元格的合并
1、水平方向上的合并
 a、<td colspan="2"></td>
 b、由于把某⼀个单元格当做了多个单元格来看待, 所以就会多出⼀些单元 格, 所以需要删掉⼀些单元格才能正常显示。
 c、⼀定要记住单元格合并永远都是向后或者向下合并 , ⽽不能向前或者向上 合并。
2、垂直方向上的合并
 a、<td rowspan="2"></td>
五、表单元素
1、表单元素⼀定要写在表单中
2、明文输入框：

<input type="text" name="" id="">

3、暗文输入框：

<input type="password" name="" id="">

4、placeholder:提示
5、将文字与标签进行绑定：

<label for=""></label>

6、多选框：    

<input type="checkbox" name="xxx" value="xxx">

7、单选框：

<input type="radio" name="xx" value="xxx">

8、请选择头像：

  <input type="file" name="" id="">