HTML标记大全Word文档格式.docx
《HTML标记大全Word文档格式.docx》由会员分享,可在线阅读,更多相关《HTML标记大全Word文档格式.docx(23页珍藏版)》请在冰点文库上搜索。
TOPMARGIN=距离(文本距顶部的距离)
LEFTMARGIN=距离(文本距左边的距离)
3、设置播放器,必须在BODY的双标记中存在
设置背景音乐:
BGSOUNDSRC="
地址"
(歌名或视频名)LOOP=“循环次数”>
插入视频音频文件:
(FLASH等)<
EMBEDSRC="
(歌名或视频名)WIDTH=宽度HEIGHT=高度(调整播放器的宽度和高度)HIDDEN="
TRUE"
(隐藏播放器)LOOP=”循环次数”>
4、如何使网页在网站的排名靠前,其必须在HEAD中存在
METANAME="
KEYWORD"
CONTENT="
描述网站内容"
>
(用于标记搜索引擎在搜索该页面时所取出的关键词)
METANAME="
DESCRIPTION"
COUNT="
描述网页内容"
>
(用来标记描述内容)
AUTHOR"
作者名称"
(用来标记文档的作者)
METAHTTP-EQUIV="
CONTENT-TYPE"
CONTENT="
TEXT/HTML;
CHARSET=GB2312"
(用来标记你的页面的解码方式)
REFRESH"
5;
URL=Http:
//www.baidu.com"
(用来自动刷新网页)
5、标题字体
表2:
语法:
H*ALIGN=“对齐位置”>
/H*>
说明:
其中*可以选择1-6,且按顺序字体从大到小显示;
ALIGN属性值可以选择“left”、“center”、“right”三个中间的一个。
一个标题占一个独立段,字体自动显示为黑体且不容不同大小的字体
6、文章字体
表3:
FONTSIZE=“大小”COLOR=“颜色”FACE=“字体样式”>
/FONT>
其中SIZE属性可以选择1-7;
COLOR属性值可以选择RGB值或者预定义颜色名称。
常用的颜色名称有:
black(黑),white(白),red(红),green(绿),blue(蓝),yellow(黄),aqua(浅绿),fuchsia(紫红),gray(灰),Lime(橙),maroon(栗色),purple(紫),olive(橄榄),silver(银色)
FACE属性值为设置不同的字体,必须是在浏览器中安装相应字体后才可以使用
7、物理字体
表4:
B>
/B>
或<
strong>
/strong>
I>
/I>
或em或cite
U>
/U>
B标记用来指示以粗体字显示文本
I标记用来指示以斜体字显示文本
U标记用来指示为文本加上下划线
SUP>
/SUP>
SUB>
/SUB>
STRIKE>
/STRIKE>
SUP标记指示以上标方式显示文本
SUB标记指示以下标方式显示文本
STRIKE标记用来指示在文本的正中央画一条删去线
BIG>
/BIG>
SMALL>
/SMALL>
BIG标记指示增大文字的字号
SMALL标记只是减小文字字号
8、字符实体
在往HTML文档中写入特殊字符,如“〈”、“〉”、“&
”、“”等要使用特殊的代码,浏览器会用HTML命令对这些特殊代码进行翻译。
往网页中输入特殊字符,需在HTML代码中加入以&
开头的字母组合或以&
#开头的数字。
9、对齐方式
表6:
DIVALIGN=“对齐位置”>
/DIV>
CENTER>
/CENTER>
ALIGN属性可以用“left”、“center”、“right”,分别对应于将标记中间的字符块按照左、中、右对齐。
这个标记没有属性,其作用是将标记中间的字符居中对齐,其作用和<
DIVALIGN=“center”>
一样。
表7:
PALIGN=“对齐位置”>
/P>
P>
用于换行,意同于回车两次。
和<
DIV>
中的ALIGN属性的属性值一样,也是取“left”、“center”、“right”三个值,分别对应将中间的字体左、中、右对齐。
10、文字移动
表8:
MARQUEEDIRECTION=“移动方向”BEHAVIOR=“移动方式”LOOP=“移动次数”SCROLLAMOUNT=“字体循环移动的速度”SCROLLDELAY=“字体循环移动的延时”HEIGHT=“高度”WIDTH=“宽度”BGCOLOR=“背景颜色”HSPACE=“垂直空白距离”VSPACE=“水平空白距离”>
/MARQUEE>
DIRECTION属性的属性值是取“left”、“right”,“up”,“down”四个值,分别对应将中间的字体向左、右、上、下移动;
BEHAVIOR属性的属性值是取“scroll”、“slide”、“alternate”三个值,分别对应将中间的字体循环移动、只移动一次、在屏幕中间来回移动;
LOOP属性的属性值是取一个数值,表示将中间的字体循环移动的次数;
SCROLLAMOUNT属性的属性值是取数字值,对应将中间的字体循环移动的速度,数值越大,表示速度越快;
SCROLLDELAY属性的属性值是取数字值,对应将中间的字体循环移动的延时,设置这个参数也会影响到文字移动的速度;
HEIGHT属性的属性值是取数字值,这个属性控制了文字移动面积的高度;
WIDTH属性的属性值是取数字值,这个属性控制了文字移动面积的宽度;
BGCOLOR属性的属性值可以取RGB值,或者用预定义值,它控制了移动文字的背景颜色;
HSPACE和VSPACE:
滚动对象周围的文字或图像是与滚动背景紧密连接的,使用它们用来设置它们之间的空白空间
11、文字中行的控制
表9:
其中ALIGN属性的属性值可以取“left”、“center”、“right”三个值中的值,这个属性控制了段落中的文字在Web页面中的对齐方式。
需要注意的是有些浏览器不支持右对齐方式。
表10:
BR>
这个标记是单标记。
换行标记,意同于回车一次。
12、列表
●无序列表
表11:
ULTYPE=“强调符类型”COMPACT>
/UL>
TYPE属性可以分别取三个值“disc”、“square”、“circle”,(在某些浏览器中,TYPE属性的值必须使用小写浏览器才可以识别)它是用来控制强调符风格的属性,三个值分别对应实心圆点,实心方块,空心圆圈。
需要说明的是有些浏览器不支持该属性。
COMPACT属性是个无值属性(名称标记),用来使列表的表项用紧凑格式显示。
●有序列表
表12:
OLTYPE=“强调符类型”START=“”COMPACT>
/OL>
TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、“I”,用来控制强调符风格的属性,五个值分别对应数字、小写字母、大写字母、小写罗马数字、大写罗马数字。
START属性是一个数字,表示从第几个数字(字母)开始计数。
表13:
LITYPE=“强调符类型”>
/LI>
TYPE属性是可选的,一般情况下是不需要的,因为在整体列表定义时应该已经定义完毕,只有在极少数情况下,需要使不同表项的强调符不同,才有必要在这里定义这个属性。
属性值的选择和前面列表的属性选项一致。
●定义列表:
表14:
DLCOMPACT>
/DL>
表15:
DT>
/DT>
标记用于标注需要定义的术语
表16:
DD>
/DD>
标记用于标注该术语的定义
表17:
无序列表
有序列表
定义列表
ULTYPE=“强调符类型”>
LITYPE=“强调符类型”>
LI>
…
LI>
OLTYPE=“强调符类型”START=“从哪开始计数”>
DL>
13、预格式化
表18:
PRE>
/PRE>
标记用于使浏览器原封不动地显示预先编排好格式的一段文本
14、链接
超链接是WWW的基础,也是其核心。
表19:
AHREF=“url#name”TARGET=“链接打开的位置”>
/A>
HREF部分中url后边跟的“name”部分是指定页面的指定部分的标识,用“#”分割url和指定部分标识。
TARGET参数定义了链接打开的位置。
TARGET取值:
target="
_blank"
将链接的内容打开在新的浏览器窗口中。
_new"
将链接的内容打开在新的浏览器窗口中。
_parent"
将链接的内容当成文件的上一个画面。
_self"
将链接的内容显示在当前窗口中。
(默认值)
_top"
将框架中链接的画面内容,显示在没有框架的视窗中。
(即除去了框架)
myLocation"
myLocation的取值可以是frameName/IframeName/ChildWindowName
其意义是:
将链接的内容在某个框架的页面打开,或者在已经打开的某个子窗口打开。
定义页内锚点
Aname=“锚点的名称”>
/a>
建立某位置锚点
AHREF=“#锚点的名称”>
连接到该位置锚点
A、相对地址:
描述了从一个页面到另一个页面的路径,而不是Internet的完整地址。
B、绝对地址:
描述的不是两个文件相对的路径关系,它描述的是两个文件相对于根的关系
C、物理地址:
是使用文件存放在硬盘上的位置的路径来描述文件的方式。
15、插入图片
大多数的浏览器都支持两种图形格式:
GIF(图形互换格式)和JPEG(联合图像专家组)。
表20:
IMGSRC=“图片来源”ALIGN=“对齐方式”BORDER=“边框线宽度”ALT=“鼠标放在图片上时,框内显示的内容”>
飞WIDTH=“图宽”HEIGTH=“图高”
VSPACE=“与文字的垂直边距”HSPACE=“与文字的水平边距”
SRC表示图片的来源(存放路径);
ALIGN属性标识了图片在页面中的对齐方式;
BORDER属性标识了图片的边框线的宽度;
ALT属性是在图片显示后,对图片的一段描述。
16、水平线
表21:
HRALIGN=“对齐方式”WIDTH=“宽度”SIZE=“粗细”NOSHADE>
ALIGN属性用来设置水平标尺线的对齐方式
WIDTH属性用来设置水平标尺线在水平方向上的宽度
SIZE属性设置水平标尺线的粗细,单位是像素数
NOSHADE属性是一个名称记号,用于取消水平标尺线的阴影。
17、表格
表格中由行和列分隔成的格子称为表元(cell),是矩形区域,它可以包含文本,图像和HTML标记。
用以分隔表元的行列线则称为表格的边框线(border),表元的内容分成两类,一类是表头,一类是表数据。
●表格的定义
表22:
TABLEBORDER=“边框的粗细”
BORDERCOLOR=“边框线的颜色”
BGCOLOR=“背景颜色”
BACKGROUND=“背景图片”
ALIGN=“位置”
WIDTH=“宽度”
HEIGHT=“高度”
CELLSPACING=“表元间距”
CELLPADDING=“表元内容与边框的距离”>
/TABLE>
TABLE标记定义了一个表格的开始,表格的所有内容,都在这一对双标记中间。
BORDER属性设置表格的边框的粗细;
BORDERCOLOR属性表示边框线的颜色;
BGCOLOR属性控制表格的背景颜色;
BACKGROUND属性定义了表格的背景图片;
ALIGN属性控制表格在页面中的位置;
WIDTH和HEIGHT属性表示表格的宽度和高度;
CELLSPACING表示的是表元和表元之间的距离;
CELLPADDING表示表元内部内容和这个表元边框之间的距离。
●标题的定义
表23:
CAPTIONALIGN=“水平对齐方式”VALIGN=“垂直对齐方式”>
/CAPTION>
CAPTION标记定义了一个表格的标题
ALIGN属性设置表格标题的水平对齐,取值有left、right、center;
VALIGN属性设置表格标题的垂直对齐,取值有top、bottom,分别是将标题设置在表格的上部和下部。
●表行定义
表24:
TRALIGN=“水平对齐方式”WIDTH=“宽度”HEIGHT=“高度”>
/TR>
TR标记定义了一个表行,这行表的内容都写在这对双标记中间。
●表头的定义
表25:
THWIDTH=“宽度”HEIGHT=“高度”BACKGROUND=“背景图片”BGCOLOR=“背景颜色”ALIGN=“水平对齐方式”VALIGN=“垂直对齐方式”COLSPAN=“行合并格数”ROWSPAN=“列合并格数”>
/TH>
TH标记定义了一个表头,表头的内容都写在这对双标记中间。
表头可以看作是行或列的标题。
标记中的WIDTH和HEIGHT属性分别设置了表头的宽度和高度;
BACKGROUND和BGCOLOR属性定义了表头的背景图形和背景颜色;
ALIGN、VALIGN属性表示表头内容在本表头中的水平和垂直对齐方式;
COLSPAN和ROWSPAN两个属性定义了和表头相邻的表头(表元)的合并方法,在需合并的表头的最左上角的表头的<
TH>
标记中定义。
●表单元的定义
表26:
TDWIDTH=“宽度”HEIGHT=“高度”BACKGROUND=“背景图片”BGCOLOR=“背景颜色”ALIGN=“水平对齐方式”VALIGN=“垂直对方式”COLSPAN=“行合并格数”ROWSPAN=“列合并格数”>
/TD>
TD标记定义了一个表数据,表数据的内容都写在这对双标记中间。
WIDTH和HEIGHT属性分别设置了表数据的宽度和高度
BACKGROUND和BGCOLOR属性定义了表数据的背景图形和背景颜色
ALIGN、VALIGN属性表示表数据内容在本表数据中的水平对齐方式和垂直对齐方式。
COLSPAN和ROWSPAN两个属性定义了和表数据相邻的表数据(表元)的合并方法。
●列表的基本结构
表27:
列表的基本结构
TABLE>
TR>
或者<
TD>
………..
<
18、表单
●表单定义
表28:
FORMNAME=“命名”ACTION=“提交路径”METHOD=“传递方式”
ENTYPE=“编码方式”TARGET=“目标窗口打开方式”>
/FORM>
FORM标记定义一个页面中的一个表单。
NAME用于命名;
ACTION属性用来指定当表单被提交时要接受的文件的路径;
METHOD属性用于指定提交表单的方法,其取值为GET或POST,默认为GET,GET为地址传值,将数据放在URL后面传递,长度有限,但会自动保存数据,POST传输数据安全,但不能保存数据。
get的方式是将表单控件的name/value信息经过编码之后,通过URL发送(你可以在地址栏里看到)。
而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。
那什么时候用get,什么时候用post呢?
一般是这样来判断的,如果只是为取得和显示数据,用get;
一旦涉及数据的保存和更新,那么建议用post。
ENTYPE可以取值application/x-www-form-urlencoded表示默认编码形式
Multipart/form-data表示MIME编码,上传文件的表单必须选择该项
●表单域定义
表29:
INPUTTYPE=“类型”NAME=“命名”VALUE=“取值”SIZE=“表单框的长度”>
INPUT是表单中功能最为丰富的一个标记,使用INPUT标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。
NAME属性标识表单域的名称;
TYPE属性标识表单域的类型
VALUE属性定义表单域的值,其他属性根据TYPE的不同而有所变化。
Input可选属性
属性
值
描述
DTD
accept
mime_type
规定通过文件上传来提交的文件的类型。
STF
align
left
right
top
middle
bottom
不赞成使用。
规定图像输入的对齐方式。
TF
alt
text
定义图像输入的替代文本。
checked
规定此input元素首次加载时应当被选中。
disabled
当input元素加载时禁用此元素。
maxlength
number
规定输入字段中的字符的最大长度。
name
field_name
定义input元素的名称。
readonly
规定输入字段为只读。
size
number_of_char
定义输入字段的宽度。
src
URL
定义以提交按钮形式显示的图像的URL。
type
button
checkbox
∙file
∙hidden
∙image
∙password
∙radio
∙reset
∙submit
∙text
规定input元素的类型。
value
规定input元素的值。
注:
TYPE的最终目的是将写好的的数据传递出去;
文本TEXT为一行,不可换行;
要想使单选和复选可以选择其中的部分选项,再做相应的选项标记时,同一选择中,各选项的标记相对应的那么也必须完全相同;
VALUE的值最好与INPUT双标记中间的内容相同
表30:
下拉菜单
SELECTNAME=“命名”SIZE=“选项个数”MULTIPLE>
/SELECT>
SELECT标记用来在表单内生成一个选择列表,用户从这个列表中可以选择一个或多个选项。
NAME属性是必须的,它用作SELECT单元选择列表的名称,
SIZE属性用来设置列表窗口中可见的选项的个数,
MULTIPLE是一个名称记号,设置了这一属性,可以在选项列表中选择多个选择项,默认为单选。
表31:
OPTIONVALUE=“命名”SELECTED>
/OPTION>
OPTION标记定义列表中的内容,且只能用在SELECT单元内部,其内容只能是普通文本。
OPTION>
单元有两个可选的属性:
VALUE和SELECTED。
VALUE属性是选项的值,其取值是唯一的,其默认取值为OPTION双标记间的描述内容;
SELECTED属性表示这一项为缺省的(即默认选项)。
要实现下拉菜单至少要有SELECT和POTION这两个双标记;
下拉单的宽度有VALUE的最长取值决定
表32:
文本域
TEXTAREANAME=“命名”COLS=“高度”ROWS=“宽度”>
/TEXTAREA>
TEXTAREA标记用来在表单中建立一个文本输入窗口,用户可以在其中输入多行文本。
NAME属性用来设置文本输入表单域的名称,
ROWS属性和COLS属性用来设置文本输入窗口的高度和宽度,单位是字符。
19、帧集和帧(框架)
有时我们需要在浏览窗口中同时显示多个页面,即将整个浏览的页面划分为多个独立的窗口,每个窗口就称为一帧,这窗口的集合就成为帧集。
表33:
FRAMESETCOLS=“”ROWS=“”FRAMEBORDER=“”BORDERCOLOR=“”FRAMESPACING=“”>
/FRAMESET>
FRAMESET标记定义一个帧集。
COLS设置纵向排列多个帧窗口,
ROWS设置横向排列多个帧窗口,
FRAMEBORDER代表是否有边框
BORDERCOLOR设置边框颜色
FRAMESPACING属性取值为数字,表示边框的宽度。
表34:
FRAMESRC=“”NAME=“”MARGINWIDTH=“”MARGINHEIGHT=“”SCROLLING=“”>
单标记
FRAME标记定义帧,用来说明显示在每一帧中的HTML文档。
SRC属性用来定义帧的来源,
NAME属性表示这个帧的名称,
MARGINWIDTH和MARGINHEIGHT属性用来控制当前帧左右边界处和上下边界处的空白,其取值单位是象素,SCROLLING