一、表格标签

1.表格标签
      由下面的例子可以看出：table表示“一整张表格”，tr表示“一行”，td表示“一行中有几个单元格”。

单元格内的文字	单元格内的文字	单元格内的文字
单元格内的文字	单元格内的文字	单元格内的文字

<table>
    <tr>
        <td>单元格内的文字</td>
        <td>单元格内的文字</td>
        <td>单元格内的文字</td>
    </tr>
    <tr>
        <td>单元格内的文字</td>
        <td>单元格内的文字</td>
        <td>单元格内的文字</td>
    </tr>
    <tr>
        <td>单元格内的文字</td>
        <td>单元格内的文字</td>
        <td>单元格内的文字</td>
    </tr>
</table>

2.表头单元格标签th(table head)
      th标签也是表示一个单元格的文字，它与td的区别是：th会把文字加粗和居中，一般将th用作表格的表头。

表头标签th	表头标签th	表头标签th
单元格内的文字td	单元格内的文字td	单元格内的文字td

<table>
    <tr>
        <th>表头标签th</th>
        <th>表头标签th</th>
        <th>表头标签th</th>
    </tr>
    <tr>
        <td>单元格内的文字td</td>
        <td>单元格内的文字td</td>
        <td>单元格内的文字td</td>
    </tr>
</table>   

3.表格属性
      在HTML中不常设置表格属性，一般在CSS中设置。先了解下、记住单词意义。

属性名	属性值	描述
align	left	左对齐
	right	右对齐
	center	居中
border	1	表格有边框
	空	表格无边框
cellpadding	像素值	文字与表格边框之间的距离
cellspacing	像素值(通常设为0，表示实线)	单元格之间的空白距离
width	像素值	单元格宽度
height	像素值	单元格高度

4.合并单元格
（1）跨行合并：rowspan=“合并单元格的个数”
      目标单元格：代码写在要合并的单元格的最上方的单元格内。
（2）跨列合并：colspan=“合并单元格的个数”
      目标单元格：代码写在要合并的单元格的最左侧的单元格内。
（3）合并步骤：
      先确定是跨行还是跨列合并；
      找到目标单元格；
      删去多余的单元格；

二、列表标签

1.无序列表（常用）
例如：
你最喜欢的颜色

• 红色
• 橙色
• 黄色

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ul>

注意：
      每个列表项之间无顺序；
       ul 标签中只能包含 li 标签；
       li 标签内可以放任意标签；
2.有序列表（了解）
      每一项有先后的，有序号。
例如：
你爱吃的水果

1. 苹果
2. 橘子
3. 香蕉

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ol>

3.自定义列表（常用）
      对术语进行解释、描述。
例如：

联系我们

官方微博

公众号

邮箱

<dl>
    <dt>名词</dt>
    <dd>解释1</dd>
    <dd>解释2</dd>
    <dd>解释3</dd>
    ...
</dl>

三、表单标签

      用于收集用户信息，注册界面。
1.表单域
      把信息收集后发送给服务器。

<from  action="url地址"  method="提交方式"...>    </from>

2.表单元素
（1）输入input

<input type="属性值"  />

      type属性值如下：
text：输入值是可以看见的。
password：输入值是有掩盖的，不可见的。
radio：控件按钮（圆形），如果想实现多个按钮只能选一个时，就要为每个按钮设置name的值相同。
checkbox：多选框（方形）。
submit：提交按钮，如注册（把表单域的内容提交给服务器）。
      PS：其他常用的属性：
name:在radio中，若name值相同，那么多个只能选一个。设置name有助于后台人员理解。
value：文本框一打开就有提示内容。
checked：用于多选/单选，页面打开时默认勾选。
maklength：正整数，最大输入的字符数。
补充：
      有时，为了增加用户体验，常常在控件元素处增加label标签，好处是，添加后，用户直接点击文字也可以勾选。

<label for "id的属性值">文字</label>

（2）select下拉表

<select>
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
    ...
</select>

（3）textarea文本域元素
      用于留言，意见，评论。

<textarea>文本内容</textarea>