HTML表格和表单标签（三）

一、表格标签

1.表格的基本语法

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

注意事项：
1.table标签是用于定义表格的标签。
2.tr标签用于定义表格中的行，必须嵌套在table中。
3.td用于定义表格中的单元格，必须嵌套在tr标签中。

2.表头单元格标签

表头单元格标签只要在表格标签加以修改，将表头的td标签改为th即可。

3.表格属性

4.合并单元格

　　·跨行合并：rowspan="合并单元格的个数"
　　·跨列合并：colspan="合并单元格的个数"
方法步骤：
1.先确定是跨行还是跨列合并。
2.找到目标单元格，写上合并方式=合并单元格数量。
3.删除多余的单元格。

二、列表标签

1.无序列表

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

2.有序列表

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

3.自定义列表

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

注意： 列表标签只能嵌套以上标签，不可嵌套其他标签，有严格的格式。

三、表单标签

1.表单域

<form action="url" method="提交方式" name="表单域名">
各种表单元素控件
<form>

2.input表单元素

<input type="属性值"></input>

type属性值：

注意：
name表单元素的名字，要求单选按钮和复选框有相同的name值。

3.下拉菜单标签

<sselect>
  <option>选项一</option>
  <!-- selected为默认选中项 -->
  <option selected>选项二</option>
</sselect>

4.文本域标签

<textarea>
  <!-- cols 规定文本域可见高度 rows 规定文本域可见宽度 -->
</textarea>

5.label标签

使用方法1：
1.使用标签把内容包裹起来。
2.在表单标签上添加id属性值。
3.在label标签的for属性中设置对应id的属性值。
使用方法2：
1.直接使用label标签把内容和表单标签一起包裹起来。
2.需要把label标签中的for属性删除。

四、项目案例

　　到目前为止，html所有基本语法和标签已经学习完成了，后期更加深入的学习还要努力。学了这么多的内容了，自己也能原创html练习项目。