如何用HTML标签贴图
估计这儿没测试区难以实习。
代码说明： [br]
1.标题文字 ＜h#＞..........＜/h#＞ #=1~6；h1为最大字，h6为最小字[br]2.字体变化 ＜font＞..........＜/font＞ [br]【1】字体大小 ＜font size=#＞..........＜/font＞ #=1~7；数字愈大字也愈大 [br]【2】指定字型 ＜font face="字型名称"＞..........＜/font＞ [br]【3】文字颜色 ＜font color=#rrggbb＞..........＜/font＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码[br]3.显示小字体 ＜small＞..........＜/small＞ [br]4.显示大字体 ＜big＞..........＜/big＞[br]5.粗体字 ＜b＞..........＜/b＞[br]6.斜体字 ＜i＞..........＜/i＞ [br]7.打字机字体 ＜tt＞..........＜/tt＞[br]8.底线 ＜u＞..........＜/u＞[br]9.删除线 ＜strike＞..........＜/strike＞[br]10.下标字 ＜sub＞..........＜/sub＞[br]11.上标字 ＜sup>..........＜/sup＞[br]12.文字闪烁效果 ＜blink＞..........＜/blink＞[br]13.换行 ＜br＞[br]14.分段 ＜p＞ [br]15.文字的对齐方向 ＜p align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示， 直到出现另一个＜p align="#"＞改变其对齐方向，或遇到 ＜hr＞ⅱ＜h#＞标签时会自动设回预设的向左对齐。[br]16.分隔线 ＜hr＞ [br]【1】分隔线的粗细 ＜hr size=点数＞ [br]【2】分隔线的宽度 ＜hr size=点数或百分比＞ [br]【3】分隔线对齐方向 ＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 [br]【4】分隔线的颜色 ＜hr color=#rrggbb＞ [br]【5】实心分隔线 ＜hr noshade＞[br]17.向中对齐 ＜center＞..........＜/center＞[br]18.依原始样式显示 ＜pre＞..........＜/pre＞[br]19.＜body＞指令的属性 [br]【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞ [br]【2】背景图案 -- background ＜body background="图形文件名"＞ [br]【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞ [br]【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞ [br]【5】超连结文字颜色 -- link ＜body link=#rrggbb＞ [br]【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞ [br]【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞[br]图片[br]1.插入图片 ＜img src="图形文件名"＞[br]2.设定图框 -- border ＜img src="图形文件名" border=点数＞[br]3.设定图形大小 -- widthⅱheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞[br]4.设定图形上下左右留空 -- vspaceⅱhspace ＜img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数＞[br]5.图形附注 ＜img src="图形文件名" alt="怎么用HTML标签贴图"＞[br]6.预载图片[br]＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞ P.S.两个图的图形大小最好一致[br]7.影像地图（Image Map） ＜img src="图形文件名" usemap="#图的名称"＞ ＜map name="图的名称"＞[br]＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞[br]＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞[br]＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞[br]＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜/map＞ [br]【1】定义形状 -- shape[br]shape=rect：矩形 shape=circle：圆形 shape=poly：多边形 [br]【2】定义区域 -- coords[br]a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标[br]例：＜area shape=rect coords=100,50,200,75 href="URL"＞ [br]b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度[br]例：＜area shape=circle coords=85,155,30 href="URL"＞[br]c.任意图形（多边形）：将图形之每一转折点座标依序填入[br]例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"[br]表格1.定义表格 ＜table＞..........＜/table＞ [br]【1】设定边框的厚度 -- border[br]＜table border=点数＞ [br]【2】设定格线的宽度 -- cellspacing[br]＜table cellspacing=点数＞ [br]【3】设定资料与格线的距离 -- cellpadding[br]＜table cellpadding=点数＞ [br]【4】调整表格宽度 -- width[br]＜table width=点数或百分比＞ [br]【5】调整表格高度 -- height[br]＜table height=点数或百分比＞ [br]【6】设定表格背景色彩 -- bgcolor[br]＜table bgcolor=#rrggbb＞ [br]【7】设定表格边框色彩 -- bordercolor[br]＜table bordercolor=#rrggbb＞[br]2.显示格线 ＜table border＞[br]3.表格标题[br]＜caption＞..........＜/caption＞ [br]表格标题位置 -- align[br]＜caption align="#"＞ #号可为 top：表标题置于表格上方（预设值）[br]bottom：表标题置于表格下方[br]4.定义列 ＜tr＞[br]5.定义栏位 《1》＜td＞：*左对齐[br]《2》＜th＞：*中对齐ⅱ粗体 [br]【1】水平位置 -- align ＜th align="#"＞[br]#号可为 left：向左对齐[br]center：向中对齐 right：向右对齐[br]【2】垂直位置 -- align ＜th align="#"＞ #号可为[br]top：向上对齐 middle：向中对齐[br]bottom：向下对齐 [br]【3】栏位宽度 -- width[br]＜th width=点数或百分比＞ [br]【4】栏位垂直合并 -- rowspan[br]＜th rowspan=欲合并栏位数＞ [br]【5】栏位横向合并 -- colspan[br]＜th colspan=欲合并栏位数＞[br]FRame[br]一、分割视窗指令 ＜frameset＞..........＜/frameset＞ [br]【1】垂直（上下）分割 -- rows[br]＜frameset rows=#＞ #号可为点数：如欲分割为100,200,300三个视窗，则[br]＜frameset rows=100,200,300＞；亦可以*号代表，如＜frameset rows=*,500,＞[br]百分比：如＜frameset rows=30%,70%＞，各 项总和最好为100%[br]【2】水平（左右）分割 -- cols ＜frameset cols=点数或百分比＞[br]二ⅱ指定视窗内容 -- ＜frame＞[br]＜frameset cols=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞[br]【1】指定视窗的文件名称 -- src ＜frame src=HTML档名＞ [br]【2】定义视窗的名称 -- name[br]＜frame name=视窗名称＞ [br]【3】设定文件与上下边框的距离 -- marginheight[br]＜frame marginheight=点数＞ [br]【4】设定文件与左右边框的距离 -- marginwidth[br]＜frame marginwidth=点数＞ [br]【5】设定分割视窗卷轴 -- scrolling[br]＜frame scrolling=#＞ #号可为 yes：固定出现卷轴[br]no：不出现卷轴 auto：自动判断文件大小需不需要卷轴（预设值）[br]
[此贴子已经被作者于2005-9-28 11:31:14编辑过]
HTML标签简明教程 [转]
2004年 09月19日
类别：原代码、教程、特效 日期:2003-5-2
总类（所有HTML文件都有的） 文件类型 <HTML ></HTML > （放在档案的开头与结尾）
文件主题 <TITLE ></TITLE > （必须放在「文头」区块内）
文头 <HEAD ></HEAD > （描述性资料，像是「主题」）
文体 <BODY ></BODY > （文件本体）
结构性定义（由浏览器控制的显示风格）
标题 <H? ></H? > （从1到6，有六层选择）
3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT ></H? >
3.0 区分 <DIV ></DIV >
3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY ></DIV >
引文区块 <BLOCKQUOTE ></BLOCKQUOTE > （通常会内缩）
强调 <EM ></EM > （通常会以斜体显示）
特别强调 <STRONG ></STRONG > （通常会以加粗显示）
引文 <CITE ></CITE > （通常会以斜体显示）
码 <CODE ></CODE > （显示原始码之用）
样本 <SAMP ></SAMP >
键盘输入 <KBD ></KBD >
变数 <VAR ></VAR >
定义 <DFN ></DFN > （有些浏览器不提供）
地址 <ADDRESS ></ADDRESS >
3.0 大字 <BIG ></BIG >
3.0 小字 <SMALL ></SMALL >
与外观相关的标签（作者自订的表现方式）
加粗
斜体
3.0 底线 （尚有些浏览器不提供）
3.0 删除线 <S ></S > （尚有些浏览器不提供）
3.0 下标 <SUB ></SUB >
3.0 上标 <SUP ></SUP >
打字机体 <TT ></TT > （用单空格字型显示）
预定格式 <RE ></PRE > （保留文件中空格的大小）
预定格式的宽度 <RE WIDTH=? ></PRE >（以字元计算）
N1.0+ 向中看齐 <CENTER ></CENTER > （文字与图片都可以）
N1.0 闪耀 <BLINK ></BLINK > （有史以来最被嘲弄的标签）
N1.0 字体大小 （从1到7）
N1.0 改变字体大小 <FONT SIZE=+|-? >
N1.0 基本字体大小 <BASEFONT SIZE=? > （从1到7; 内定为3）
N2.0 字体颜色
连结与图形
连结 <A HREF="URL" >
连结到锚点 <A HREF="URL#***" >（如果锚点在另一个档案）
<A HREF="#***" > （如果锚点目前的档案）
N2.0 连结到目的视框 <A HREF="URL" TARGET="***" >
设定锚点 <A NAME="***" >
图形 <IMG SRC="URL" >
图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE >
N1.0 图形看齐方式 <IMG SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM >
取代文字 <IMG SRC="URL" alt="怎么用HTML标签贴图" > （如果没有办法显示图形则显示此文字）
点选图 <IMG SRC="URL" ISMAP > （需要CGI程式）
N2.0 点选图 <IMG SRC="URL" USEMAP="URL" >
N2.0 地图 <MAP NAME="***" ></MAP >（描述地图）
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF >
3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?" >（以pixels为单位）
N1.0 图形边缘 <IMG SRC="URL" BORDER=? > （以pixels为单位）
N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=? > （以pixels为单位）
N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL" >
N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL" >（使用端自动更新 ）
N2.0 内嵌物件 <EMBED SRC="URL" > （将物件插入页面）
N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?" >
分隔
段落 < > （通常是两个return）
3.0 段落 < ></P > （新定义成容器型标签）
3.0 文字看齐方式 < ALIGN=LEFT|CENTER|RIGHT ></P >
换行 <BR > （一个return）
N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL >（与图形合用时）
横线 <HR >
N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER >
N1.0 横线厚度 <HR SIZE=? > （以pixels为单位）
N1.0 横线宽度 <HR WIDTH=? > （以pixels为单位）
N1.0 横线比率宽度 <HR WIDTH=% > （以页宽为100%）
N1.0 实线 <HR NOSHADE > （没有立体效果）
N1.0 不可换行 <NOBR ></NOBR > （不换行）
N1.0 可换行处 <WBR > （如果需要，可在此断行）
列举 （可以巢状列举）
无次序式列举
（
放在每一项前）
N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE >（定义全部的列举项）
<LI TYPE=DISC|CIRCLE|SQUARE >（定义这个及其後的列举项）
有次序式列举
（
放在每一项前）
N1.0 数标型态 <OL TYPE=A|a|I|i|1 > （定义全部的列举项）
<LI TYPE=A|a|I|i|1 > （定义这个及其後的列举项）
N1.0 起始数字 <OL VALUE=? > （定义全部的列举项）
<LI VALUE=? > （定义这个及其後的列举项）
定义式列举 <DL ><DT ><DD ></DL >（<DT >项目, <DD >定义）
表单式列举 <MENU >
</MENU >（
放在每一项前）
目录式列举 <DIR >
</DIR > （
放在每一项前）
背景与颜色
3.0 重复排列的背景 <BODY BACKGROUND="URL" >
N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$" > （依序为红、绿、蓝）
N1.1+ 文字颜色 <BODY TEXT="#$$$$$$" >
N1.1+ 连结颜色 <BODY LINK="#$$$$$$" >
N1.1+ 看过的连结 <BODY VLINK="#$$$$$$" >
N1.1 使用中的连结 <BODY ALINK="#$$$$$$" >
特殊字元（以下标签需用小写）
特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码）
< < > > & & " "
注册商标TM ?
N1.0+ 注册商标TM ?
著作权符号 ?
N1.0+ 著作权符号 ?
表单 （通常需要与CGI程式配合）
定义表单 <FORM ACTION="URL" METHOD=GET|POST ></FORM >
N2.0 上传档案 <FORM ENCTYPE="multipart/form-data ></FORM >
输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET" >
栏位名称 <INPUT NAME="***" >
栏位内定值 <INPUT VALUE="***" >
已选定 <INPUT CHECKED > （适用於checkboxes与 radio boxes）
栏位宽度 <INPUT SIZE=? > （以字元数为单位）
最长字数 <INPUT MAXLENGTH=? > （以字元数为单位）
下拉式选单 <SELECT ></SELECT >
下拉式选单名称 <SELECT NAME="***" ></SELECT >
选单项目数量 <SELECT SIZE=? ></SELECT >
多选式选单 <SELECT MULTIPLE > （多选）
选项 <OPTION >
内定选项 <OPTION SELECTED >
文字输入区 <TEXTAREA ROWS=? COLS=? ></TEXTAREA >
输入区名称 <TEXTAREA NAME="***" ></TEXTAREA >
N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL ></TEXTAREA >
表格
3.0 定义表格 <TABLE ></TABLE >
3.0 表格框线 <TABLE BORDER ></TABLE > （有或没有）
N1.1 表格框线 <TABLE BORDER=? ></TABLE >（可以设定数值）
N1.1 储存格左右留白 <TABLE CELLSPACING=? >
N1.1 储存格上下留白 <TABLE CELLPADDING=? >
N1.1 表格宽度 <TABLE WIDTH=? > （以pixels为单位）
N1.1 宽度比率 <TABLE WIDTH=% > （页宽为100%）
3.0 表格列 <TR ></TR >
3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM >
3.0 储存格 <TD ></TD > （须与列并用）
3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM >
3.0 不换行 <TD NOWRAP >
N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$ >
3.0 储存格横向连接 <TD COLSPAN=? >
3.0 储存格纵向连接 <TD ROWSPAN=? >
N1.1 储存格宽度 <TD WIDTH=? > （以pixels为单位）
N1.1 储存格宽度比率 <TD WIDTH=% > （页宽为100%）
3.0 表格标题 <TH ></TH > （跟<TD >一样，不过会对中并加粗）
3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM >
3.0 表格标题不换行 <TH NOWRAP >
3.0 表格标题占几栏 <TH COLSPAN=? >
3.0 表格标题占几列 <TH ROWSPAN=? >
N1.1 表格标题宽度 <TH WIDTH=? > （以pixels为单位）
N1.1 表格标题比率宽度<TH WIDTH=% > （页宽为100%）
3.0 表格抬头 <CAPTION ></CAPTION >
3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM >（在表格之上/之下）
视框 （定义与控制萤幕上的特定区域）
N2.0 视框格式总定义 <FRAMESET ></FRAMESET > （取代<BODY >）
N2.0 视框行长度分配 <FRAMESET ROWS=,,, ></FRAMESET >（pixels 或 %）
N2.0 视框行长度分配 <FRAMESET ROWS=* ></FRAMESET > （* = 相对大小）
N2.0 视框栏宽度分配 <FRAMESET COLS=,,, ></FRAMESET >（pixels 或 %）
N2.0 视框栏宽度分配 <FRAMESET COLS=* ></FRAMESET > （* =相对大小）
N2.0 定义个别视框 <FRAME > （定义个别视框）
N2.0 个别视框内容 <FRAME SRC="URL" >
N2.0 个别视框名称 <FRAME NAME="***"|_blank|_self|_parent|_top >
N2.0 边缘宽度 <FRAME MARGINWIDTH=? > （「左」与「右」边界）
N2.0 边缘高度 <FRAME MARGINHEIGHT=? > （「天顶」与「地底」边界）
N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO" >
N2.0 不可改变大小 <FRAME NORESIZE >
N2.0 无视框时的内容 <NOFRAMES ></NOFRAMES >（如果浏览器不提供视框功能的话）
杂项
说明 <!-- *** -- > （浏览器不会显示）
档案型态声明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN" >
3.0 档案型态声明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN" >
可搜寻 <ISINDEX > （指示可搜寻的索引项）
N1.0 提示 <ISINDEX PROMPT="***" > （要求输入的提示文字）
送出搜寻条件 <A HREF="URL?***" > （其中的问号不是数字，而是「问号」）
基本档案的URL <BASE HREF="URL" > （必须放在「文头」区段内）
N2.0 基本视窗名称 <BASE TARGET="***" > （必须放在「文头」区段内）
相关性 <LINK REV="***" REL="***" HREF="URL" > （必须放在「文头」区段内）
背景资讯 <META > （必须放在「文头」区段内）
HTML标签详解
HTML指令详解
结构
＜html＞
＜head＞
＜title＞标题＜title＞
＜/head＞
＜body＞..........文件内容..........
＜/body＞
＜/html＞
1.文件标题
＜title＞..........＜/title＞
2.文件更新--＜meta＞
【1】10秒后自动更新一次
＜meta http-equiv="refresh" content=10＞
【2】10秒後自动连结到另一文件
＜meta http-equiv="refresh" content="10；URL=欲连结文件之URL"＞
3.查询用表单--＜isindex>
若欲设定查询栏位前的提示文字：
＜isindex prompt="提示文字"＞
4.预设的基准路径--＜base>
＜base href="放置文件的主机之URL"＞
版面
1.标题文字 ＜h#＞..........＜/h#＞ #=1~6；h1为最大字，h6为最小字
2.字体变化 ＜font＞..........＜/font＞
【1】字体大小 ＜font size=#＞..........＜/font＞ #=1~7；数字愈大字也愈大
【2】指定字型 ＜font face="字型名称"＞..........＜/font＞
【3】文字颜色 ＜font color=#rrggbb＞..........＜/font＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码
3.显示小字体 ＜small＞..........＜/small＞
4.显示大字体 ＜big＞..........＜/big＞
5.粗体字 ＜b＞..........＜/b＞
6.斜体字 ＜i＞..........＜/i＞
7.打字机字体 ＜tt＞..........＜/tt＞
8.底线 ＜u＞..........＜/u＞
9.删除线 ＜strike＞..........＜/strike＞
10.下标字 ＜sub＞..........＜/sub＞
11.上标字 ＜sup>..........＜/sup＞
12.文字闪烁效果 ＜blink＞..........＜/blink＞
13.换行 ＜br＞
14.分段 ＜p＞
15.文字的对齐方向 ＜p align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示， 直到出现另一个＜p align="#"＞改变其对齐方向，或遇到 ＜hr＞ⅱ＜h#＞标签时会自动设回预设的向左对齐。
16.分隔线 ＜hr＞
【1】分隔线的粗细 ＜hr size=点数＞
【2】分隔线的宽度 ＜hr size=点数或百分比＞
【3】分隔线对齐方向 ＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
【4】分隔线的颜色 ＜hr color=#rrggbb＞
【5】实心分隔线 ＜hr noshade＞
17.向中对齐 ＜center＞..........＜/center＞
18.依原始样式显示 ＜pre＞..........＜/pre＞
19.＜body＞指令的属性
【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景图案 -- background ＜body background="图形文件名"＞
【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞
【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞
【5】超连结文字颜色 -- link ＜body link=#rrggbb＞
【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞
【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞
20.注解 ＜!--..........--＞21.特殊字元表示法
符 号 语 法
＜ ＆ｌｔ
＞ ＆ｇｔ
& ＆ａｍｐ
" ＆ｑｕｏｔ
空白 ＆ｎｂｓｐ
图片
1.插入图片 ＜img src="图形文件名"＞
2.设定图框 -- border ＜img src="图形文件名" border=点数＞
3.设定图形大小 -- widthⅱheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞
4.设定图形上下左右留空 -- vspaceⅱhspace ＜img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数＞
5.图形附注 ＜img src="图形文件名" alt="怎么用HTML标签贴图"＞
6.预载图片
＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞ P.S.两个图的图形大小最好一致
7.影像地图（Image Map） ＜img src="图形文件名" usemap="#图的名称"＞ ＜map name="图的名称"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜/map＞
【1】定义形状 -- shape
shape=rect：矩形 shape=circle：圆形 shape=poly：多边形
【2】定义区域 -- coords
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标
例：＜area shape=rect coords=100,50,200,75 href="URL"＞
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度
例：＜area shape=circle coords=85,155,30 href="URL"＞
c.任意图形（多边形）：将图形之每一转折点座标依序填入
例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"＞
表格
1.定义表格 ＜table＞..........＜/table＞
【1】设定边框的厚度 -- border
＜table border=点数＞
【2】设定格线的宽度 -- cellspacing
＜table cellspacing=点数＞
【3】设定资料与格线的距离 -- cellpadding
＜table cellpadding=点数＞
【4】调整表格宽度 -- width
＜table width=点数或百分比＞
【5】调整表格高度 -- height
＜table height=点数或百分比＞
【6】设定表格背景色彩 -- bgcolor
＜table bgcolor=#rrggbb＞
【7】设定表格边框色彩 -- bordercolor
＜table bordercolor=#rrggbb＞
2.显示格线 ＜table border＞
3.表格标题
＜caption＞..........＜/caption＞
表格标题位置 -- align
＜caption align="#"＞ #号可为 top：表标题置于表格上方（预设值）
bottom：表标题置于表格下方
4.定义列 ＜tr＞
5.定义栏位 《1》＜td＞：*左对齐
《2》＜th＞：*中对齐ⅱ粗体
【1】水平位置 -- align ＜th align="#"＞
#号可为 left：向左对齐
center：向中对齐 right：向右对齐
【2】垂直位置 -- align ＜th align="#"＞ #号可为
top：向上对齐 middle：向中对齐
bottom：向下对齐
【3】栏位宽度 -- width
＜th width=点数或百分比＞
【4】栏位垂直合并 -- rowspan
＜th rowspan=欲合并栏位数＞
【5】栏位横向合并 -- colspan
＜th colspan=欲合并栏位数＞
清单
一、目录式清单
＜dir＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/dir＞ P.S.目录式清单每一个项目不能超过20个字元（即10个中文字）
二、选项式清单 ＜menu＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/menu＞
三、有序号的清单 ＜ol＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/ol＞
【1】序号形式 -- type ＜ol type=#＞或＜li type=#＞ #号可为 A：表以大写英文字母AⅱBⅱCⅱD...做为项目编号 a：表以小写英文字母aⅱbⅱcⅱd...做为项目编号 I：表以大写罗马数字做为项目编号 i：表以小写罗马数字做为项目编号 1：表以阿拉伯数字做为项目编号（预设值）
【2】起始数字 -- start ＜ol start=欲开始计数的序数＞
【3】指定编号 -- value ＜li value=欲指定的序数＞
四、无序号的清单 ＜ul＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/ul＞
【1】项目符号形式 -- type ＜ul type=#＞或＜li type=#＞ #号可为 disc：实心圆点（预设值） circle：空心圆点 square：实心方块
【2】原始清单 -- plain ＜ul plain＞
【3】清单排列方式 -- warp 《1》清单垂直排列 ＜ul warp = vert＞ 《2》清单水平排列 ＜ul warp = horiz＞
五、定义式清单 ＜dl＞ ＜dt＞项目1 ＜dd＞项目1说明 ＜dt＞项目2 ＜dd＞项目2说明 ＜dt＞项目3 ＜dd＞项目3说明 ＜/dl＞
紧密排列 -- compact ＜dl compact＞ P.S.如此可使＜dt＞的内容与＜dd＞的内容在同一行，仅 以数格空白相隔而不换行，但若＜dt＞的文字超过一 定的长度后，compact的作用就消失了！
表单
一、基本架构 ＜form action="处理资料用的CGI程式之URL"或"mailt电子信箱的URL" method="get或post"＞ .......... .......... .......... ＜/form＞
二、输入文件型表单 ＜form action="URL" method="post"＞ ＜input＞ ＜input＞ .......... .......... ＜/form＞
【1】栏位类型 -- type ＜input type=#＞ #号可为 text：文字输入 password：密码 checkbox：多选钮 radio：单选钮 submit：接受按钮 reset：重设按钮 image：图形钮 hidden：隐藏栏位
【2】栏位名称 -- name ＜input name="资料栏名"＞ P.S.若type为submitⅱreset则name不必设定
【3】文件上的预设值 -- value ＜input value="预设之字串"＞
【4】设定栏位的宽度 -- size ＜input size=字元数＞
【5】限制最大输入字串的长度 -- maxlength ＜input maxlength=字元数＞
【6】预设checkbox或radio的初值 -- checked ＜input type=checkbox checked＞ ＜input type=radio checked＞
【7】指定图形的URL -- src ＜input type=image src="图档名"＞
【8】图文对齐 -- align ＜input type=image align="#"＞ #号可为 top：文字对齐图片之顶端 middle：文字对齐图片之中间 buttom：文字对齐图片之底部
三、选择式表单 ＜form action="URL" method="post"＞ ＜select＞ ＜option＞ ＜option＞ .......... .......... ＜/select＞ ＜/form＞
A、＜select＞的属性
【1】栏位名称 -- name ＜select name="资料栏位名"＞
【2】设定显示的选项数 -- size ＜select size=个数＞
【3】多重选项 -- multiple ＜select multiple＞
B、＜option＞的属性
【1】定义选项的传回值 -- value ＜option value="传回值"＞
【2】预先选取的选项 -- selected ＜option selected＞
四、多列输入文字区表单 ＜form action="URL" method="post"＞ ＜textarea＞ .......... .......... ＜/textarea＞ ＜/form＞
【1】文字区的变数名称 -- name ＜textarea name=变数名称＞
【2】设定文字输入区宽度 -- cols ＜textarea cols=字元数＞
【3】设定文字输入区高度 -- rows ＜textarea rows=列数＞
【4】输入区设定预设字串 ＜textarea＞ 预设文字 ＜/textarea＞
【5】自动换行与否 -- wrap ＜textarea wrap=#＞ #号可为 off：表输入的文字超过栏宽时，不会自动换行（预设值） virtual：表输入的文字在超过栏宽时会自动换行
链接
一、连结至其他文件 ＜a href="URL"＞说明文字或图片＜/a＞
二、连结至文件内之某一处（外部连结）
《1》起点
＜a href="档名#名称"＞..........＜/a＞
《2》终点 ＜a name="名称"＞
三、frame的超连结
【1】开启新的浏览器来显示连结文件 -- _blank ＜a href="URL" target=_blank＞
【2】显示连结文件於目前的frame -- _self ＜a href="URL" target=_self＞
【3】以上一层的分割视窗显示连结文件 -- _parent ＜a href="URL" target=_parent＞
【4】以全视窗显示连结文件 -- _top ＜a href="URL" target=_top＞
【5】以特定视窗显示连结文件 --＜a href="URL" target="特定视窗名称"＞
FRAME
一、分割视窗指令 ＜frameset＞..........＜/frameset＞
【1】垂直（上下）分割 -- rows
＜frameset rows=#＞ #号可为点数：如欲分割为100,200,300三个视窗，则
＜frameset rows=100,200,300＞；亦可以*号代表，如＜frameset rows=*,500,*＞
百分比：如＜frameset rows=30%,70%＞，各 项总和最好为100%
【2】水平（左右）分割 -- cols ＜frameset cols=点数或百分比＞
二ⅱ指定视窗内容 -- ＜frame＞
＜frameset cols=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞
【1】指定视窗的文件名称 -- src ＜frame src=HTML档名＞
【2】定义视窗的名称 -- name
＜frame name=视窗名称＞
【3】设定文件与上下边框的距离 -- marginheight
＜frame marginheight=点数＞
【4】设定文件与左右边框的距离 -- marginwidth
＜frame marginwidth=点数＞
【5】设定分割视窗卷轴 -- scrolling
＜frame scrolling=#＞ #号可为 yes：固定出现卷轴
no：不出现卷轴 auto：自动判断文件大小需不需要卷轴（预设值）
【6】锁住分割视窗的大小 -- noresize ＜frame noresize＞
html教学+HTML语法大全
標籤 , 屬性名稱 , 簡介
<! - - ... - -> 註解
<!> 跑馬燈
<marquee>...</marquee>普通捲動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設捲動
<marquee behavior=alternate>...</marquee>來回捲動
<marquee direction=down>...</marquee>向下捲動
<marquee direction=up>...</marquee>向上捲動
<marquee direction=right></marquee>向右捲動
<marquee direction=left></marquee>向左捲動
<marquee loop=2>...</marquee>捲動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定捲動距離
<marquee scrolldelay=300>...</marquee>設定捲動時間
<!>字體效果
<h1>...</h1>標題字(最大)
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無限增大
<!>區斷標記
<hr>水平線
<hr size=9>水平線(設定大小)
<hr width=80%>水平線(設定寬度)
<hr color=ff0000>水平線(設定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結格式
<base href=位址>(預設好連結路徑)
<a href=位址></a>外部連結
<a href=位址 target=_blank></a>外部連結(另開新視窗)
<a href=位址 target=_top></a>外部連結(全視窗連結)
<a href=位址 target=頁框名></a>外部連結(在指定頁框連結)
<!>貼圖/音樂
<img src=圖片位址>貼圖
<img src=圖片位址 width=180>設定圖片寬度
<img src=圖片位址 height=30>設定圖片高度
<img src=圖片位址 alt=提示文字>設定圖片提示文字
<img src=圖片位址 border=1>設定圖片邊框
<bgsound src=MID音樂檔位址>背景音樂設定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定格線與格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合併欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合併列的列數(使用數字)
<!>分割視窗
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 註解
<A HREF TARGET> 指定超連結的分割視窗
<A HREF=#錨的名稱> 指定錨名稱的超連結
<A HREF> 指定超連結
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超連結的分割視窗
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>...</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經據典的文字
<CODE>...</CODE> 用於列出一段程式碼
<COMMENT>...</COMMENT> 加上註解
<DD> 設定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字標籤
<DL>...</DL> 設定定義列表的標籤
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<FORM ACTION> 設定戶動式表單的處理方式
<FORM METHOD> 設定戶動式表單之資料傳送方式
<FRAME MARGINHEIGHT> 設定視窗的上下邊界
<FRAME MARGINWIDTH> 設定視窗的左右邊界
<FRAME NAME> 為分割視窗命名
<FRAME NORESIZE> 鎖住分割視窗的大小
<FRAME SCROLLING> 設定分割視窗的捲軸
<FRAME SRC> 將HTML檔加入視窗
<FRAMESET COLS> 將視窗分割成左右的子視窗
<FRAMESET ROWS> 將視窗分割成上下的子視窗
<FRAMESET>...</FRAMESET> 劃分分割視窗
<H1>~<H6> 設定文字大小
<HEAD> 標示文件資訊
<HR> 加上分格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME value> 在表單中加入輸入欄位
<ISINDEX> 定義查詢用表單
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字標籤
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割視窗的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義表單中列表欄的項目
< ALIGN> 設定對齊方向
<> 分段
<ERSON>...</PERSON> 顯示人名
<RE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在表單中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整資料欄位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>...</TABLE> 產生表格的標籤
<TD ALIGN> 調整表格欄位之左右對齊
<TD BGCOLOR> 設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合併
<TD NOWRAP> 設定表格欄位不換行
<TD VALIGN> 調整表格欄位之上下對齊
<TD WIDTH> 調整表格欄位寬度
<TD>...</TD> 定義表格的資料欄位
<TEXTAREA NAME ROWS COLS> 表單中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標頭欄位
<TITLE> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數
HTML 基本语法
1.1一般标记
一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成，其语法为：<x>受控文字</x>
其中，x代表标记名称。<x>和</x>就如同一组开关：起始标记<x>为开启(ON)的某种功能，而结束标记</x>(通常为起始标记加上一个斜线/)为关(OFF)功能，受控制的文字信息便放在两标记之间。例如：<i>这是斜体字</i>。
标记之中还可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。例如：<x a1="v1",a2="v2",...,an="vn">受控文字</x>
其中，a1,a2,...,an为属性名称，而v1,v2,...,vn则是其所对应的属性值，属性值加不加引号，目前所使用的浏览器都可接受，但依据W3C的新标准，属性值是要加引号的，所以最好养成加引号得习惯。
1.2 空标记
虽然大部分的标记是成双成对出现的，但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为：<x>
同样，空标记也可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。如：<x a1="v1",a2="v2",...,an="vn">，例如：<hr>,<br>等。
W3C定义的新标准(XHTML1.0/HTML4.0)建议：空标记应以/结尾，即：<X />
如果附加属性则为：<x a1="v1",a2="v2",...,an="vn" />
目前所使用的浏览器对于空标记后面是否要加/并没有严格要求，即在空标记最后在/和没有加/，不影响其功能。但是如果希望你的文件能满足最新标准，那么最好加上/。
2. HTML标记分类
2.1文件结构标记(Document Structure Tags)
此类标记的目的是用来标示出文件的结构，主要的有：
<html>...</html>:标示html文件的起始和终止。
<head>...</head>:标示出文件标题区。
<body>...</body>:标示出文件主体区
2.2区段格式标记(Block Formatting Tags)
此类标记的主要用途是将HTML文件中得某个区段文字,以特定格式显示，增加文件的可看度。主要的有：
<title>...</title>:文件题目。
<hi>...</hi>:i=1,2,...,6,网页标题。
<hr>:产生水平线。
<br>:强迫换行。
<p>...</p>:文件段落。
<pre>...</pre>:以原始格式显示。
<address>...</address>：标注联络人姓名、电话、地址等信息。
<blockquote>...</blockquote>:区段引用标记。
2.3字符格式标记(Character Formatting Tags)
用来改变HTML文件文字的外观，增加文件的美观程度。主要有：
<b>...</b>:粗体字。
<i>...</i>:斜体字。
<tt>...</tt>:打字体。
<font>...</font>:改变字体设置。
<center>...</center>:居中对齐。
<blink>...</blink>:文字闪烁。
<big>...</big>:加大字号。
<small>...</small>:缩小字号。
<cite>...</cite>:参照。
2.4列表标记(List Tags)
<ul>...</ul>:无编号列表。
<ol>...</ol:有编号列表。
<li>...</li>:列表项目。
<dl>...</dl>:定义式列表。
<dd>...</dd>:定义项目。
<dt>...</dt>:定义项目。
<dir>...</dir>:目录式列表。
<menu>...</menu>:菜单式列表。
2.5链接标记(Anchor Tag)
链接可以说是html超文本文件的命脉，html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接(Hypertext Link)，主要有：
<a>...</a>:建立超级链接。
2.6多媒体标记(Multimedia Tag)
此类标记用来显示图像数据。主要有：
<img>:嵌入图像。
<embed>:嵌入多媒体对象。
<bgsound>:背景音乐。
2.7表格标记(Table Tags)
此类标记用制作表格。主要有：
<table>...</table>:定义表格区段。
<caption>...</caption>:表格标题。
<th>...</th>:表头。
<tr>...</tr>:表格列。
<td>...</td>:表格单元格。
2.8表单标记(Form Tags)
此类标记用来制作交互式表单，主要的有：
<Form>...</form>:表明表单区段的开始与结束。
<input>:产生单行文本框、单选按钮、复选框等。
<textarea>...</textarea>:产生多行输入文本框。
<select>...</select>:标明下拉列表的开始与结束。
<option>...</option>:在下拉列表中产生一个选择项目。
HTML标记并没有大小写之分，即<BODY>和<body>是相同的。以下来分别介绍这些标记。
3. 文件结构标记
一个html文件的结构基本上可以分为两部分，一部分称为标题区(Head Section)；另一部分称为主体区(Body Section)。文件结构标记就是用来标示出何处属于标题，何处属于主体。
3.1<html>：标示整份文件
用途：标示整篇html文件
说明：一个标准的html文件是一篇以<html>开头，而以</html>结束的文件。即：
<html>
... html文件全文
</html>
3.2<head>:标示出文件标题区
说明：html文件中，由<head>和</head>所夹住的区域称为文件的标题区。通常head区段都内含在html区段之中，即：
<html>
<head>
...... html文件标题区
</head>
.....
</html>
3.3<title>:网页标题
<title>.....</title>是html文件标题区中最重要也是最常用的标记。其他标题区的标记还包括<base>、<isindex>、<link>、<nextid>、<meta>等。
<title>标记的用途是设置网页标题，这个标题会显示在浏览器窗口的标题栏上，不会出现在浏览器的页面(page)文字中。而大部分浏览器的收藏(My Favorites)、书签(BookMark)或历史记录列表(History List)功能，也都是以这个文件的标题作为名称的。
由<title>...</title>所标注的文字并无长度的限制，不过太长的标题，有时可能会被截掉，并且也不容易记忆。
3.4<body>:标示出文件主体区
说明：在html文件中，由<body>...</body>所夹住的区域称为文件的主体区，通常是在<head>区段之后。
3.5<body>标记的属性
backgroud属性：
这个属性可以指定一个图形文件(一般为gif或jpeg)，作为背景图案。该图形会像拼瓷砖一样铺成整个网页的底图。
HTML参考
基本标签
<html></html> 创建一个HTML文档
<head></head> 设置文档标题以及其他不在WEB网页上显示的信息
<body></body> 设置文档的可见部分
--------------------------------------------
标题标签
<title></title> 将文档的题目放在标题栏中
--------------------------------------------
文档整体属性
<body bgcolor=?> 设置背景颜色，使用名字或十六进制值
<body text=?> 设置文本文字颜色，使用名字或十六进制值
<body link=?> 设置链接颜色，使用名字或十六进制值
<body vlink=?> 设置已使用的链接的颜色，使用名字或十六进制值
<body alink=?> 设置正在被击中的链接的颜色，使用名字或十六进制值
--------------------------------------------
文本标签
<pre></pre> 创建预格式化文本
<h1></h1> 创建最大的标题
<h6></h6> 创建最小的标题
<b></b> 创建黑体字
<i></i> 创建斜体字
<tt></tt> 创建打字机风格的字体
<cite></cite> 创建一个引用，通常是斜体
<em></em>
加重一个单词（通常是斜体加黑体）
<strong></strong> 加重一个单词（通常是斜体加黑体）
<font size=?></font> 设置字体大小，从1到7
<font color=?></font> 设置字体的颜色，使用名字或十六进制值
--------------------------------------------
链接
<a href="URL"></a> 创建一个超链接
<a href="mailtEMAIL"></a> 创建一个自动发送电子邮件的链接
<a name="NAME"></a> 创建一个位于文档内部的靶位
<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接
--------------------------------------------
格式排版
<p> 创建一个新的段落
<p align=?> 将段落按左、中、右对齐
<br> 插入一个回车换行符
</blockquote> 从两边缩进文本
<dl></dl> 创建一个定义列表
<dt> 放在每个定义术语词之前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<li> 放在每个数字列表项之前，并加上一个数字
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个圆点列表项之前，并加上一个圆点
<div align=?> 用来排版大块HTML段落的标签，也可用于格式化
--------------------------------------------
图形元素
<img src="name"> 添加一个图像
<img src="name" align=?> 排列对齐一个图像：左中右或上中下
<img src="name" border=?> 设置围绕一个图像的边框的大小
<hr> 加入一条水平线
<hr size=?> 设置水平线的大小（高度）
<hr width=?> 设置水平线的宽度（百分比或绝对像素点）
<hr noshade> 创建一个没有阴影的水平线
--------------------------------------------
表格
<table></table> 创建一个表格
<tr></tr> 开始表格中的每一行
<td></td> 开始一行中的每一个格子
<th></th> 设置表格头通常使用黑体居中文字的格子
--------------------------------------------
表格属性
<table border=#> 设置围绕表格的边框的宽度
<table cellspacing=#> 设置表格格子之间空间的大小
<table cellpadding=#> 设置表格格子边框与其内部内容之间空间的大小
<table width=#or%> 设置表格的宽度－用绝对像素值或文档总宽度的百分比
<tr align=?>or<td align=?> 设置表格格子的水平对齐（左中右）
<tr valign=?>or<td valign=?> 设置表格格子的垂直对齐（上中下）
<td colspan=#> 设置一个表格格子应跨占的列数（缺省为1）
<td rowspan=#> 设置一个表格格子应跨占的行数（缺省为1）
<td nowrap> 禁止表格格子内的内容自动断行回卷
--------------------------------------------
窗框
<frameset></frameset> 放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中
<framesetrows="value,value"> 定义一个窗框内的行数，可以使用绝对像素值或高度的百分比
<framesetcols="value,value"> 定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比
<frame> 定义在不支持窗框的浏览器中显示什么提示
--------------------------------------------
窗框属性
<frame src="URL"> 规定窗框内显示什么HTML文档
<frame name="name"> 命名窗框或区域以便别的窗框可以指向它
<frame marginwidth=#> 定义窗框左右边缘的空白大小，必须大于等于1
<frame marginheight=#> 定义窗框上下边缘的空白大小，必须大于等于1
<frame scrolling=VALUE> 设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto"
<frame noresize> 禁止用户调整一个窗框的大小
--------------------------------------------
表单
对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。
<form></form> 创建所有表单
<select multiple 创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目
name="NAME"size=?></select>
<option> 设置每个表单项的内容
<select name="NAME"></select> 创建一个下拉菜单
<option> 设置每个菜单项的内容
<textarea name="NAME" cols=40 rows=8></textarea> 创建一个文本框区域，列的数目设置宽度，行的数目设置高度
<input type="checkbox"name="NAME"> 创建一个复选框，文字在标签后面
<input type="radio" 创建一个单选框，文字在标签后面
name="NAME"value="x">
<input type=textname="foo"size=20> 创建一个单行文本输入区域，size设置以字符计的宽度
<input type="submit"value="NAME"> 创建一个submit（提交）按钮
<input type="image"border= 创建一个使用图象的submit（提交）按钮
0name="NAME"src="name.gif">
<input type="reset"> 创建一个reset（重置）按钮
