表格和表单标签

一、表格标签

1.表格的主要作用：

表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好，特别是后台展示数据的时候，能够熟练运用表格就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理。

表格不是用来布局页面的，而是来展示数据的。

2.表格的基本语法：

<table border="1">
    <tr>
        <th>1</th>
        <th>2</th>
    </tr>
    <tr>
        <td>1  1</td>
        <td>1  2</td>
    </tr>
    <tr>
        <td>2  1</td>
        <td>2  2</td>
    </tr>
</table>

1. <table></table>是用于定义表格的标签。
2. <th><th/>用于定义表头单元格标签，一般表头单元格位于表格的第一行或第一列，突出重要性，表头单元格里面的文本内容加粗居中显示。
3. <tr><tr/>标签用于定义表格中的行，必须嵌套在<table><table/>中。
4. <td><td/>用于定义表格中的单元格，必须嵌套在<tr><tr/>标签中。

二、列表标签

1.表格无序列表

<ul><ul/>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项。

无序列表的基本语法：

<ul>
    <li>项目</li>
    <li>项目</li>
</ul>

• 无序列表的各个列表项之间没有顺序级别之分，是并列的。
• <ul><ul/>中只能嵌套<li><li/>直接在<ul><ul/>标签中输入其他标签或者文字的做法是不被允许的。
• <li><li/>之间相当于一个容器,可以容纳所有元素。

2.表格有序列表

在HTML标签中<ol><ol/>标签用于定义有序列表 列表排序以数字来显示,并且使用<li><li/>标签来定义列表项。

有序列表的基本语法：

<ol>
    <li>第一项</li>
    <li>第二项</li>
</ol>

• <ol><ol/>中只能嵌套<li><li/>直接在标签中输入其他标签或者文字的做法是不被允许的。
• <li><li/>之间相当于一个容器,可以容纳所有元素。

3.自定义列表

在HTML标签中<dl><dl/>标签用于定义描述列表(或定义列表) 该标签会与(定义项目/名字)和(描述每个项目/名字)一起使用语法如下：

<dl>
  <dt>项目 1</dt>
    <dd>描述项目 1</dd>
  <dt>项目 2</dt>
    <dd>描述项目 2</dd>
</dl>

• <dl><dl/>里面只能包含<dt><dt/>和<dd><dd/>。
• <dt><dt/>和<dd><dd/>里面可以包含任何标签。

三、表单标签

1.表单的组成

在HTML中一个完整的表单通常由表单域 表单控件（也称为表单元素）和提示信息3个组成部分构成。

2.表单域
表单域是一个包含表单元素的区域。

<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<select>
<option>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
 
</form>

在HTML标签中，<form><form/>标签用于定义表单域以实现用户信息的收集和传递。

四、框架集

1. 不能写到body内。
2. 按照百分比分割。
3. src是frame的固定属性可引入网页等元素。
4. frameset的两个属性

• cols是列分割
• rows是行分割

​
<frameset cols="30%,70%">
  <frame src="kuangjiaji1">
  <frameset rows="50%,50%">
  <frame src="kuangjiaji2">
  <frame src="kuangjiaji3">
  <frame src="kuangjiaji4">
  <frameset/>
<frameset/>

​