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
1215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
