HTML基本语法汇总大全Word格式.docx
《HTML基本语法汇总大全Word格式.docx》由会员分享，可在线阅读，更多相关《HTML基本语法汇总大全Word格式.docx（19页珍藏版）》请在冰豆网上搜索。
/a>
关闭窗口提示信息：
bodyonunload=alert（'
info2'
）>
标题<
h?
/h>
（?
=1~6,改变标题字的大小）
标题对齐<
halign=right,left,center>
字加大<
big>
/big>
字变小<
small>
/small>
粗体字<
b>
/b>
斜体字<
i>
/i>
底线字<
u>
/u>
上标字<
sup>
/sup>
下标字<
sub>
/sub>
文字对中<
center>
/center>
基本字体大小<
basefontsize>
（取值范围从1到7，默认值为3）
改变字体大小<
fontsize=?
/font>
=1~7）
字体颜色<
fontcolor=#rrggbb>
（RGB色码）
指定字型<
fontface=?
=宋体，楷体等）
二、超链结
网址链结<
设定锚点<
aname="
?
"
以容易记为原则）
链结到锚点<
#?
（同一份文件）
URL#?
/A>
（锚点不同文件）
显示图形<
imgsrc="
图形位置<
align=top,bottom,middle,left,right>
（分别为上、下、中、左、右的位置）
图形取代文字<
alt=?
（无法显示图形时用）
图形尺寸<
width=?
height=?
以像素为单位）
连结图形边线<
border=?
图形四周留白<
hspace=?
vspace=?
三、区段划分
段落<
p>
（font标签自动分段）
断行<
br>
关闭换行<
nobr>
/nobr>
保留段落格式<
pre>
/pre>
区块<
div>
/div>
不能含有P标签
横线<
hr>
横线厚度<
hrsize=?
横线长度<
hrwidth=?
%>
与页宽相比较）
实横线<
hrnoshade>
（无立体效果）
实线颜色<
hrcolor=?
四、背景图案颜色及音乐
背景图案<
bodybackground="
image_file"
bgproperties=fixed>
图形文件格式为gif和jpg,后面的
背景颜色<
bodybgcolor=#rrggbb>
（RGB色码） fixed为浮水印效果
背景文字颜色<
bodytext=#rrggbb>
未链结点颜色<
bodylink=#rrggbb>
已链结点颜色<
bodyvlink=#rrggbb>
正在链结点颜色<
bodyalink=#rrggbb（RGB色码）
背景音乐<
bgsoundsrc="
music_file"
Loop=?
/-1>
加在<
或<
中均可，？
为次数，－1为循环
例：
star.mid"
Loop=-1>
支持.mid及.wav等格式
五、表格的使用
基本组成：
tableborder=?
bgcolor=?
框线宽度，单位为点数，0为不显示框线。
<
caption>
...<
/caption>
表格标题文字 height=?
为高度和宽度，点和百分比
tr>
bgcolor=?
表格的背景色，亦可加到<
td>
内
......
/tr>
......
/table>
tablebordercolor=?
bordercolordark=?
bordercolorlight=?
框线、暗面、亮面的颜色
tablealign=left|center|right>
表格的水平对齐（左、中、右）（可制作成浮动表格）
tablecellspacing=?
cellpadding=?
单元格间、单元格与数据的间隙
tablebackground="
表格的背景图片，亦可加到<
th>
中
/th>
标题行与<
类似，只是默认为粗体居中对齐。
tablerules=none|rows|cols|all>
表格内框线，不显示｜水平线｜垂直线｜所有线
tablerowspan=?
colspan=?
行或列的合并
六、输入特殊符号
特殊符号
HTML表示法
＠
&
copy;
lt;
gt;
quot;
amp;
回车
nbsp;
七、字幕文字<
marquee>
字幕文字内容<
/marquee>
marqueebgcolor=?
字幕文字的背景色
marqueeheight=?
字幕文字范围的大小
marqueebehavior=scroll|slide|alternate>
显示方向：
循环｜到一边停｜左右移动
marqueedirection=left|rightloop=n|-1scrollamount=?
scrolldelay=?
滚动方向、次数、速度及延迟
八、自动更新及自动转向（转向例子）
自动更新:
metahttp-equiv="
refresh"
content="
value"
value为时间“秒”
自动转向:
value;
url=filename_URL"
如：
5;
url=http:
//61.158.10.1"
九、设定默认语系
Content-Type"
text/html;
charset=gb2312"
十、局部套用的CSS（一般用在<
区块或<
span>
对象标记标签中，也可用于<
a>
标签中
格式如下：
DIVSTYLE="
blue;
font-size:
20pt;
margin-left:
15px"
局部样式
样式属性值
说明
color
设定颜色，颜色名或＃十六进制数
background
设定背景颜色，同上
font-size
设定字体尺寸，直接指定点数pt
font-family
设定使用的字体，例如：
楷体
line-height
设定网页的行距，可用点数pt或百分比
margin-left|right|top|bottom
设定网页的左、右、上、下边界，用象素px表示
text-decortion
下划线，加用underline，不加用none
text-transform
设定文字转换，uppercase大写，capitalize首字大写
cursor
设定光标显示的外观形状
十一、内嵌式的CSS：
一般在<
中定义，在<
中引用
1重新设定<
标记的样式：
在<
前定义CSS样式
STYLETYPE="
BODY{font-size:
10pt;
font-famliy:
楷体;
line-height:
120%;
}
SPAN{font-size:
font-family:
宋体;
/STYLE>
2重新设定<
标记样式
txet/css"
P{font-size:
12pt;
yellow;
background-color:
25px;
3重新设定超级链接标记的样式
A:
link{font-size:
9pt;
text-decoration:
none}未查看的链接
active{font-size:
green;
none}准备查看的链接
visited{font-size:
none}已经查看过的链接
hover{font-size:
red;
underline}当鼠标移到链接上时
4 自定义名称的样式（用以“.”开头的名称定义，用class=名称，来引用。
可用于<
font>
P>
A>
及<
DIV>
等标记中，示例
.smallblue{font-size:
blue}
.bigred{font-size:
25pt;
red}
H2CLASS=bigred>
......<
/H2>
FONTCLASS=smallblue>
/FONT>
5 绝对位置的编排（引用方法与4相同）
.bigtitle{position:
absolute;
top:
80pt;
left:
50pt;
visibility:
visible;
z-index:
1;
19pt}
程序码
属性值
position
absolute|relative|static
定位方式为绝对、相对和静态
lfet
pt|百分比|auto
左边界距离，象素、百分比或自动
top
上边界距离，象素、百分比或自动
width
显示宽度，象素、百分比或自动
height
显示高度，象素、百分比或自动
z-index
auto|整数
显示网页元素重叠时的顺序编号
visibility
visible|hidden
是否显示此元素，显示或隐藏
十二、外部链接的CSS：
将各种样式标记储存成一个独立的“.CSS”文件；
套用方法：
HEAD>
中用下面的命令引用之：
LINKREL="
stylesheet"
HREF="
css_file"
TYPE="
如：
“temp.css”设定标签如下
120%}
宋体}
25px}
none}
underline}
套用如下：
示例
HTML>
TITLE>
套用外部样式<
/TITLE>
temp.css"
/HEAD>
BODYBGCOLOR=#99CC99>
SPAN>
内嵌式的CSS<
/SPAN>
HR>
就是将CSS加在网页中，重新设定标记的样式，
这些样式的设定需要在&
BODY&
标记前进行<
/P>
AHREF="
#CSS"
CSS<
#Style"
样式表<
/BODY>
/HTML>
--...-->
批注
跑马灯
普通卷动
marqueebehavior=slide>
滑动
marqueebehavior=scroll>
预设卷动
marqueebehavior=alternate>
来回卷动
marqueedirection=down>
向下卷动
marqueedirection=up>
向上卷动
marqueedirection=right>
向右卷动
marqueedirection=left>
向左卷动
marqueeloop=2>
卷动次数
marqueewidth=180>
设定宽度
marqueeheight=30>
设定高度
marqueebgcolor=FF0000>
设定背景颜色
marqueescrollamount=30>
设定卷动距离
marqueescrolldelay=300>
设定卷动时间
字体效果
h1>
/h1>
标题字（最大）
h6>
/h6>
标题字（最小）
粗体字
strong>
/strong>
粗体字（强调）
斜体字
em>
/em>
斜体字（强调）
dfn>
/dfn>
斜体字（表示定义）
底线
ins>
/ins>
底线（表示插入文字）
strike>
/strike>
横线
s>
/s>
删除线
del>
/del>
删除线（表示删除）
kbd>
/kbd>
键盘文字
tt>
/tt>
打字体
xmp>
/xmp>
固定宽度字体（在文件中空白、换行、定位功能有效）
plaintext>
/plaintext>
固定宽度字体（不执行标记符号）
listing>
/listing>
固定宽度小字体
fontcolor=00ff00>
字体颜色
fontsize=1>
最小字体
fontstyle=font-size:
100px>
无限增大
区断标记
水平线
hrsize=9>
水平线（设定大小）
hrwidth=80%>
水平线（设定宽度）
hrcolor=ff0000>
水平线（设定颜色）
（换行）
水域（不换行）
水域（段落）
置中
连结格式
basehref=地址>
（预设好连结路径）
ahref=地址>
外部连结
ahref=地址target=_blank>
外部连结（另开新窗口）
ahref=地址target=_top>
外部连结（全窗口连结）
ahref=地址target=页框名>
外部连结（在指定页框连结）
贴图/音乐
imgsrc=图片地址>
贴图
imgsrc=图片地址width=180>
设定图片宽度
imgsrc=图片地址height=30>
设定图片高度
imgsrc=图片地址alt=提示文字>
设定图片提示文字
imgsrc=图片地址border=1>
设定图片边框
bgsoundsrc=MID音乐文件地址>
背景音乐设定
表格语法
tablealing=left>
表格位置,置左
tablealing=center>
表格位置,置中
tablebackground=图片路径>
背景图片的URL=就是路径网址
tableborder=边框大小>
设定表格边框大小（使用数字）
tablebgcolor=颜色码>
设定表格的背景颜色
tableborderclor=颜色码>
设定表格边框的颜色
tableborderclordark=颜色码>
设定表格暗边框的颜色
tableborderclorlight=颜色码>
设定表格亮边框的颜色
tablecellpadding=参数>
指定内容与网格线之间的间距（使用数字）
tablecellspacing=参数>
指定网格线与网格线之间的距离（使用数字）
tablecols=参数>
指定表格的栏数
tableframe=参数>
设定表格外框线的显示方式
tablewidth=宽度>
指定表格的宽度大小（使用数字）
tableheight=高度>
指定表格的高度大小（使用数字）
tdcolspan=参数>
/td>
指定储存格合并栏的栏数（使用数字）
tdrowspan=参数>
指定储存格合并列的列数（使用数字）
分割窗口
framesetcols="
20%,*"
左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
framesetrows="
上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
分割左右两个框架
20%,*,20%"
分割左中右三个框架
分割上下两个框架
分割上中下三个框架
AHREFTARGET>
指定超级链接的分割窗口
AHREF=#锚的名称>
指定锚名称的超级链接
AHREF>
指定超级链接
ANAME=锚的名称>
被连结点的名称
ADDRESS>
....<
/ADDRESS>
用来显示电子邮箱地址
B>
粗体字
BASETARGET>
BASEFONTSIZE>
更改预设字形大小
BGSOUNDSRC>
加入背景音乐
BIG>
显示大字体
BLINK>
闪烁的文字
BODYTEXTLINKVLINK>
设定文字颜色
BODY>
显示本文
BR>
换行
CAPTIONALIGN>
设定表格标题位置
CAPTION>
/CAPTION>
为表格加上标题
CENTER>
向中对齐
CITE>
用于引经据典的文字
CODE>
/CODE>
用于列出一段程序代码
COMMENT>
/COMMENT>
加上批注
DD>
设定定义列表的项目解说
DFN>
/DFN>
显示"
定义"
文字
DIR>
/DIR>
列表文字卷标
DL>
/DL>
设定定义列表的卷标
DT>
设定定义列表的项目
EM>
强调之用
FONTFACE>
任意指定所用的字形
FONTSIZE>
设定字体大小
FORMACTION>
设定户动式窗体的处理方式
FORMMETHOD>
设定户动式窗体之资料传送方式
FRAMEMARGINHEIGHT>
设定窗口的上下边界
FRAMEMARGINWIDTH>
设定窗口的左右边界
FRAMENAME>
为分割窗口命名
FRAMENORESIZE>
锁住分割窗口的大小
FRAMESCROLLING>
设定分割窗口的滚动条
FRAMESRC>
将HTML文件加入窗口
FRAMESETCOLS>
将窗口分割成左右的子窗口
FRAMESETROWS>
将窗口分割成上下的子窗口
FRAMESET>
/FRAMESET>
划分分割窗口
H1>
~<
H6>
设定文字大小
标示文件信息
由戏滞裣?
文件的开始与结束
I>
斜体字
IMGALIGN>
调整图形影像的位置
IMG
升级会员 