HTML标签复习

1：标题标签

文字加粗，字号变大（h1到h6依次递减），独占一行

<h1></h1>

<h2></h2>

<h3> </h3>

<h4> </h4>

<h5> </h5>

<h6> </h6>

2：段落标签与换行标签

段落标签之间留有较大的空隙，但换行标签之后不会留有空隙；

段落标签：<p></p>

换行标签：<br/>

3：文本格式化标签

突出重要性，比普通文本更重要

加粗：<strong></strong>或者<b></b>

倾斜：<em></em>或者<i></i>

删除线：<del></del>或者<s></s>

下划线：<ins></ins>或者<u></u>

4:<div>与<span>标签

盒子无语义，用来装内容

<div></div>单独占一行

<span></span>可多个共同占一行

5：图像标签

标签名与属性、属性与属性之间均以空格分开

<img src="路径" alt="替换文本" title="鼠标经过时显示文本" width="" height="" border="">

----相对路径

同一级路径：直接文件名；

下一级路径：/文件名；

上一级路径：../文件名。

6：链接标签

<a href="跳转目标" target="_self(本窗口打开)/_blank(新建窗口打开)" >文本/图像</a>

(1):外部链接，；

(2):内部链接，内部网页之间的相互链接；

(3):空链接，#；

(4):下载链接，地址链接的是 文件.exe或者是zip等压缩包形式；

(5):网页元素链接，在网页中的各种元素，如文本、图像、表格、音频、视频等；

(6):锚点链接，点击某个链接，可以快速定位到当前页面中的某个位置（多用与制作目录），

①：在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>;

②找到目标位置标签，里面添加一个id属性=刚才的名字，如：<h3 id="two">第二集介绍</h3>。

7：注释标签与特殊字符

注释标签：<!--注释--!>

特殊字符：

        空格符： &nbsp;

        小于号：&lt;

        大于号：&gt;

        和号(&):&amp;

        版权(©):&copy;

8：表格标签

<table>                                             一个表格

        <tr>                                          单元格的一行

                <td>单元格内的文字</td>一个单元格

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

        </tr>

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

</table>

补充：

①表头单元格标签:即表格的第一行或第一列，文本内容加粗居中显示

<th> </th>标签取代首行中的<td></td>标签

②表格结构标签：

表格头部：<thead></thead>

表格主体：<tbody></body>

③表格属性：

属性名	属性值	描述
align	left,center,right	规定表格相对周围 元素的对齐方式
border	1或""	规定表格单元格是否拥有边框，默认为"",表示没有边框
cellpadding	像素值	规定单元边沿与其内容之间的空白，默认1像素
cellspacing	像素值	规定单元格之间的空白， 默认2像素
width	像素值/百分比	规定表格的宽度

     

④合并单元格：

跨行合并：rowspan="合并单元格的个数"

跨列合并：colspan="合并单元格的个数"

最后要删除多余的单元格

9：无序列表

<ul>

        <li></li>

        <li></li>

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

</ul>

10：有序列表

<ol>

        <li></li>

        <li></li>

        ...........

</ol>

11:自定义列表

<dl>

        <dt></dt>

        <dd></dd>

        <dd></dd>

</dl>

12:表单标签

(1):表单域标签

<form></form>定义表单域，把范围内的表单元素信息提交给服务器

属性	属性值	描述
active	url地址	用于指定接收并处理表单数据的服务器程序的url地址
method	get/post	用于设置表单数据的提交方式
name	名称	用于指定表单的名称，以区分同一个页面中的多个表单域

(2):表单元素(表单控件)

①:input输入表单元素

<input type="属性值"/>

属性值	描述
button	定义可点击按钮
checkbox	定义复选框
file	定义输入字段和“浏览”按钮，供文件上传
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段，该字段中的字符被掩码
radio	定义单选按钮
reset	定义重置按钮，清除表单中的所有数据
submit	定义提交按钮，将表单数据发送给服务器
text	定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符

<input>标签的其他属性：

属性	属性值	描述
name	用户自定义	定义input元素的名称
value	用户自定义	规定input元素的值
checked	checked	规定input元素首次被加载时应当被选中
maxlength	正整数	规定输入字段的字符最大长度

<label></label>标签

用于绑定一个表单元素，当点击<label>标签内的文本时，会选中<input>表单元素，更容易选中；

如：<label for="sex">男</label>

        <input ..........  id="sex"/>

②select下拉表单元素

节约页面空间

<select>

        <option>选项1</option> 

        <option>选项2</option>

        <option>选项3</option>

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

</select>

在<option></option>中定义selected="selected"时，当前项即为默认选中项；

③textarea文本域元素

<textarea>标签定义多行文本的输入

<textarea rows="" cols="">

</textarea>