HTML常用标签

1.1标题标签
HTML中使用h1、h2、h3、h4、h5、h6等标签来定义标题部分
其语法格式如下:<hn 属性=“属性值”>标题文本</hn
其中属性：align，属性值：left/right/center
默认加粗左对齐，并且从h1到h2字号递减
1.2段落标签
段落在HTML中使用p标签来实现，用于在网页中把文字有条理地显示出来
其语法格式如下：<p 属性=“属性值”>段落文本</p
1.3文本格式化标签
文本格式化标签就是针对文本进行各种格式化的标签
例如：加粗、斜体、上标、下标等
如表所示：

标签	文字显示效果
strong	强调加粗
em	强调斜体
sup	上标文本
sub	下标文本
del	加删除线方式
ins	加下划线方式

case1:

<p>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
a^2+b^2=c^2

case2:

<p>H<sub>2</sub>O</sp>
H2O

注：标签的展示效果与完全相同，但标签不具备语义化；标签d展示效果与d的展示效果完全相同，但标签不具备语义化。

1.4引用标签
针对文本进行各种引用的标签，
例如：
缩略词、短语解释，著作、地址等

标签	作用
blockquote	引用大段的段落解释
q	引用小段的短语解释
address	引用文档地址信息
abbr	缩写或首字母缩略词
cite	引用著作的标题

1.5水平线标签
HTML中使用hr标签来创建横跨网页的水平线
hr属于单标签，在网页中输入一个hr/标签，就添加了一条默认样式的水平线。
hr标签的常用属性如下：

属性名	含义	属性取值
align	设置水平线对齐方式	可选择left、right、center三个值，默认为center居中对齐
size	设置水平线粗细	以像素为单位、默认为2像素
width	设置水平线宽度	确定的像素值或浏览器窗口的百分比(默认为100%)
color	设置水平线宽度	可用颜色名称，十六进制#RGB、rgb(r,g,b)设置颜色

1.6特殊符号

特殊符号	含义	特殊字符代码
	空格符	&nbsp；
©	版权	&copy；
®	注册商标	&reg；
<	小于号	&lt；
>	大于号	&gt；
&	和号	&amp；
¥	人民币	&yen；
°	摄氏度	&deg
±	正负号	&plusmn；
×	乘号	&times；
÷	除号	&divide；
1	上标1	&sup1；
2	上标2	&sup2；
3	上标3	&sup3；

1.7图像标签
1、src标签
HTML中使用 img 标签来添加图片，img 属于单标签
其语法格式如下：<img src=“图像URL”/
其中src是用于指定图像文件的路径和文件名的属性，是img标签的必需属性
<1>图片的地址
1）相对地址有以下三种写法，具体如下：
<img src=“qf.jpg” :说明当前页面和图片在同一个目录下
<img src=“img/qf.jpg”:说明图片在页面同级的img文件夹中
<img src=“…/img/qf.jpg”:说明图片在上一级img文件夹中
2）绝对路径有以下两种写法，具体如下：
<img src=“file:///D…” :在本地D盘的相应文件夹下
<img src=“http://www…”:在网络中的相应文件夹下
2、其他属性

属性	属性值	描述
src	URL	图片的地址
alt	文本	图片显示不出来的提示文字
title	文本	鼠标移动到图片的提示文字
width	像素(XHTML不支持页面百分比)	设置图片的宽度
height	像素(XHTML不支持页面百分比)	设置图片的高度
border	数字	设置图片边框的宽度
vspace	像素	设置图片顶部和底部的空白(垂直边距)
hspace	像素	设置图片左侧和右侧的空白(水平边距)

align	left	将图片对齐到左边
	right	将图片对齐到右边
	top	将图片的顶端和文本的第一行文字对齐，其他文字位于图片下方
	middle	将图片的水平中线和文本的第一行文字对齐，其他文字位于图片下方
	bottom	将图片的底部和文本的第一行文字对齐，其他文字位于图片下方

1.8链接标签
HTML中使用a、/a标签来定义链接部分实现网页的跳转
其语法格式如下：
<a href=“链接页面地址” target=“链接打开方式”（>）链接对象(<)/a>
1)herf属性
指定链接目标的URL地址，为<a（>）标签定义herf属性后，它就有了链接的功能
2)name属性
实现站内跳转，这种站内跳转的方式也称为锚点操作
3)target属性

属性取值	打开方式
_self	在当前窗口打开链接（默认方式）
_blank	在新的窗口中打开链接
_top	在顶层框架中打开链接
_parent	在当前框架的上一层打开链接