HTML常用标记和属性
|字号 订阅
1. <head>、</head>
HTML文件头部开始和结束标记。
2. <title>、</title>
HTML文件的标题,是显示于浏览器标题栏的字符串。
3. <style>、</style>
CSS样式定义标记。属性type,指明样式的类别,缺省值为text/css。
4. <meta>
通常用来为搜索引擎定义页面主题以及页面刷新等信息。其属性有
- name:meta名字;
- http-equiv:说明content属性内容的类别。例如http-equiv=”refresh”,则content中是页面刷新的时间;http-equiv=”content-language”,则content中是页面语言;http-equiv=”PICS-Label”,则content中是页面内容的等级;http-equiv=”expires”,则content中是页面过期的日期。
- content:定义页面内容,一些特定内容要与http-equiv属性配合使用。
5. <body>、</body>
表明HTML文件体部的开始和结束,body标记的属性列于下表中。
属性名
取值
含 义
缺省值
bgcolor
颜色值
页面背景颜色
#FFFFFF
text
颜色值
HTML文件中文字的颜色。
#000000
link
颜色值
HTML文件中待链接的超链接对象的颜色。
alink
颜色值
HTML文件中链接中的超链接对象的颜色。
vlink
颜色值
HTML文件中已链接的超链接对象的颜色。
background
图象文件名
页面的背景图象
无
topmargin
整数
页面显示区距窗口上边框的距离,以像素点为单位。
0
leftmargin
整数
页面显示区距窗口左边框的距离,以像素点为单位。
0
6. <image>
向页面中插入一幅图象。<img>标记的属性包括:
- src:指明图象文件的地址。该属性值必须指明。值的形式可以是一个本地文件名,也可以是一个URL形式。
- border:指明图象边框粗细,值为整数。若为0,表示无边框,值越大,边框越粗。
- width:图象宽度,值为整数,单位为屏幕像素点。若不指出该属性值,则浏览器根据图象的实际尺寸显示。
- height:图象高度,值为整数,单位为屏幕像素点。若不指出该属性值,则浏览器根据图象的实际尺寸显示。
- alt:若设置了该属性值,则当鼠标移至该图象区域时,将以一小标签显示该属性的值。
7. 文字显示和段落控制标记
文字显示属性主要有字体、字号、颜色,段落控制显示对象的分段。常用的文字显示和段落控制标记列于下表中。
标记名
含 义
<font>,</font>
分别以属性face、size、color控制字体、字号、字的颜色显示特性
<I>,</I>
斜体显示
<B>,</B>
粗体显示
<U>,</U>
加下划线显示
<sub>,</sub>
下标字体
<sup>,</sup>
上标字体
<big></big>
大字体
<small>,</small>
小字体
<h1>&0;<h6>
标题,数字越大,显示的标题字越小
<p>,</p>
分段标记,属性有align(布局方式:left&0;左对齐;center&0;居中对齐;right&0;右对齐
<div>,</div>
块容器标记,其中的内容是一个独立段落
<hr>
分隔线,属性有:width(线的宽度)、color(线的颜色)
<center>,</center>
居中显示
8. <a>、</a>
创建超链接。属性有:
- href:指出目标页面的URL;
- target:指明目标页面显示的窗口。
9. 列表标记
<ul>、</ul>,<ol>、</ol>,<dl>、</dl>分别为无序列表、有序列表和定义列表,定义内部需使用<li>给出各表项。
10. <pre>、</pre>
预定格式的信息。
11. 表格标记
<table>、</table>:定义表格的开始和结束。其属性有:
属性名
取值
含 义
缺省值
border
整数
表格边框粗细,该值为0,则表格没有边框;值越大,则表格边框越粗。
0
width
百分比(如60%)
表格宽度,以相对于充满窗口的百分比计。
100%
整数
表格宽度,以屏幕像素点数计。
cellpadding
整数
每个表项内容与表格边框之间的距离,以像素点为单位。
0
cellspacing
整数
表格边框之间的距离,以像素点为单位。
2
bordercolor
颜色值
表格边框的颜色
#000000
background
图象文件名
表格的背景图
无
align
left|center|right
表格的位置
left
<tr>、</tr>:定义表格一行的开始和结束。其属性有:
属性名
取值
含义
缺省值
align
left|center|right
本行各表格项的横向排列方式。
left(左对齐)
bgcolor
颜色值
本行各表格项的背景色。
#000000
valign
top|middle|bottom
本行各表格项的纵向排列方式。
middle
width
百分值|整数
本行宽度(受table的width属性值制约)。
height
整数
本行高度,以像素点为单位。
<td>、</td>:定义表格中一个单元格的开始和结束。其属性有:
属性名
取值
含义
缺省值
align
left|center|right
本表格项的横向排列方式。
left(左对齐)
bgcolor
颜色值
本表格项的背景色。
#000000
valign
top|middle|bottom
本表格项的纵向排列方式。
middle
width
百分值|整数
本表格项宽度。
height
整数
本表格项高度,以像素点为单位。
background
图象文件名
本表格项的背景图象。
无
colspan
整数
按列横向结合。
1
rowspan
整数
按行纵向结合。
1
12. 表单标记
<form>、</form>:定义表单的开始和结束。其属性有:
- method(方法)属性,取值为post或get。
- action属性指出了用户所提交的数据将由哪个服务器的哪个程序处理,可处理用户提交的数据的服务器程序种类较多,如CGI程序、asp脚本程序、php程序等。
<textarea>:可输入多行文字。
<select>:下拉列表选择。以<option>标记给出各选项。
<input>:定义表单的输入域,由type属性值给出。可由type给出的输入域类型有:
输入域名称
说 明
Text(文本框)
输入一行文字。
Radio(单选按钮)
当有多个选项时,只能选其中一项。
Checkbox(复选框)
当有多个选项时,可以选其中多项。
Submit(提交按钮)
将数据传递给服务器。
Password(密码输入框)
用户输入的字符以“*”显示。
Reset(重置按钮)
将用户输入的数据清除。
hidden(隐藏域)
在浏览器中不显示,但可通过程序取其值或改变值。主要用于浏览器向服务器传递数据而不想让浏览器用户知道的情形。
Button(按钮)
普通按钮,按下后的操作需设计程序完成。
<input>标记的其他属性还有:
- name:输入域的名称;
- value:输入域的值。
13. 框架标记
<frameset>、</frameset>:定义框架特性。其属性有:
属性名
取值
含 义
缺省值
rows
百分比
将窗口上下(横向)分割,每个框架高度占整个窗口高度的百分比。
无
整数
将窗口上下(横向)分割,每个框架高度的像素点数
cols
百分比
将窗口左右(纵向)分割,值的格式和含义与“rows”属性类似。
无
整数
frameborder
yes|no
帧框架边框是否显示
yes
bordercolor
颜色值
框架边框颜色
gray(灰)
<frame>:指明框架所对应的HTML或脚本文件。其属性有:
属性名
取值
含 义
缺省值
src
HTML文件名
框架对应的HTML文件。
无
name
字符串
框架的名字,可在程序和<a>标记的target属性中引用。
无
noresize
无
不允许用户改变框架窗口大小。
无
scrolling
yes|no|auto
框架边框是否出现滚动条。
auto
marginwidth
整数
框架左右边缘像素点数。
0
marginheight
整数
框架上下边缘像素点数。
0