HTML常用标签（表）

一，表格标签

1.创建表格

<table>

         <tr>

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

                    .........

         </tr>

</table>

table、tr、td是表格的基本标签，tr标签用于定义表格的行，必须嵌套在table标签中，而td标签用来定义表格中的单元格，必须嵌套在tr标签中，三个标签层层递进，缺一不可。

1.1表格属性

常用的表格属性：未提及的一般设为默认

cellpadding单元格的内部距离

cellspacing单元格的外部距离

（自己画的距离没有把控，大致的看看解释Q.Q）

2.表头单元格标签

<th></th>

 用<th></th>标签来代替<td></td>单元格标签

效果如下：

 3.表格标题captain

<caption></caption>

 table中可添加一些属性

得到样式

 注：captain标签必须紧接在table标签后

 4.表格划分结构

<thead></thead>:用来定义表格头部，且其内部必须有<tr>标签

<tbody></tbody>:用来定义表格主体

<tfoot></tfoot>:用来放表格脚注

以上标签都是放在table标签内

二、列表标签

1.无序列表ul

<ul>

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

.........

</ul>

<ul></ul>标签中只能放 <li></li>标签，不能输入其他标签或文字

而 <li></li>标签相当于一个容器可以放任何元素

效果图

无序的，可自由交换的没有等级之分

 

 

2.有序列表ol(不常用，则简单说明语法）

<ol>

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

.........

</ol>

3.自定义列表

<dl>

     <dt>名词1</dt>

     <dd>名词1解释1</dd>

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

     <dt>名词2</dt>

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

    <dd>名词2解释2</dd>

............

</dl>

效果图：

 

 分有层次的

 

<dl></dl>标签中需含有<dt></dt>、<dd></dd>两个标签

三、表单标签

1.input控件

</input>为单标签

<input type="属性值"  value="你好"/>

type属性，设置不同属性来设置控件类型

有详细的type属性

2.value属性

用户名：<input type="text"  value="请输入用户名"/>

效果图：

 3.name属性

用户名：<input type="text"  value="请输入用户名" name="usename"/>

name表单的名字，后台通过name属性来找到这个表单，当页面表单多是，那么的主要作用就是用来区别不同的表单

用来确定单选按钮

 <input type="radio" name="sex"/>男

<input type="radio" name="sex"/>女

 4.checked属性

默认选中状态，当有单选或复选框时，

 默认选中男

 <input type="radio" name="sex" checked="checked"/>男

<input type="radio" name="sex"/>女

5.label标签

label标签为input元素定义标签

用于 绑定表单元素，当点击label标签时，被绑定的元素会获得输入焦点（即光标会定位到所绑定的表单）

<label>用户名：<input type="text"  value="请输入用户名" name="usename"/></label>

6.select下拉列表

<select>

                   <option>通项1</option>

                   <option>通项2</option>

                   <option>通项3</option>

 

   ...........

</select>

注：

   <select></select>中至少包含一对<option></option>

  在option中定义selected=“selected”，则为默认选项