参考链接: http://www.asjh.tn.edu.tw/learning/html/html.htm
-- HTML标签详解
HTML指o详解
l构
QhtmlQ?br />
QheadQ?br />
QtitleQ标题<titleQ?br />
Q?headQ?br />
QbodyQ?.........文g内容..........
Q?bodyQ?br />
Q?htmlQ?br />
1.文g标题
QtitleQ?.........Q?titleQ?br />
2.文g更新--QmetaQ?br />
??0U后自动更新一?br />
Qmeta http-equiv="refresh" content=10Q?br />
??0U後自动q结到另一文g
Qmeta http-equiv="refresh" content="10QURL=Ʋ连l文件之URL"Q?br />
3.查询用表?-Qisindex>
若欲讑֮查询栏位前的提示文字Q?br />
Qisindex prompt="提示文字"Q?br />
4.预设的基准\?-Qbase>
Qbase href="攄文g的主ZURL"Q?br />
版面
1.标题文字 Qh#Q?.........Q?h#Q?nbsp;#=1~6Qh1为最大字Qh6为最字
2.字体变化 QfontQ?.........Q?fontQ?nbsp;
?】字体大?nbsp;Qfont size=#Q?.........Q?fontQ?nbsp;#=1~7Q数字愈大字也愈?nbsp;
?】指定字?nbsp;Qfont face="字型名称"Q?.........Q?fontQ?nbsp;
?】文字颜?nbsp;Qfont color=#rrggbbQ?.........Q?fontQ?nbsp;rrQ表U色QredQ色?nbsp;ggQ表l色QgreenQ色?nbsp;bbQ表蓝色QblueQ色?br />
3.昄字?nbsp;QsmallQ?.........Q?smallQ?nbsp;
4.昄大字?nbsp;QbigQ?.........Q?bigQ?br />
5._体?nbsp;QbQ?.........Q?bQ?br />
6.斜体?nbsp;QiQ?.........Q?iQ?nbsp;
7.打字机字?nbsp;QttQ?.........Q?ttQ?br />
8.底线 QuQ?.........Q?uQ?br />
9.删除U?nbsp;QstrikeQ?.........Q?strikeQ?br />
10.下标?nbsp;QsubQ?.........Q?subQ?br />
11.上标?nbsp;Qsup>..........Q?supQ?br />
12.文字闪烁效果 QblinkQ?.........Q?blinkQ?br />
13.换行 QbrQ?br />
14.分段 QpQ?nbsp;
15.文字的对齐方?nbsp;Qp align="#"Q?nbsp;#号可?nbsp;leftQ表向左寚wQ预讑ր| centerQ表向中寚w rightQ表向右寚w P.S.Qp align="#"Q之後的文字都会以所讄寚w方式昄Q?nbsp;直到出现另一个<p align="#"Q改变其寚w方向Q或遇到 QhrQⅱQh#Q标{时会自动设回预讄向左寚w?br />
16.分隔U?nbsp;QhrQ?nbsp;
?】分隔线的粗l?nbsp;Qhr size=ҎQ?nbsp;
?】分隔线的宽?nbsp;Qhr size=Ҏ或百分比Q?nbsp;
?】分隔线寚w方向 Qhr align="#"Q?nbsp;#号可?nbsp;leftQ表向左寚wQ预讑ր| centerQ表向中寚w rightQ表向右寚w
?】分隔线的颜?nbsp;Qhr color=#rrggbbQ?nbsp;
?】实心分隔线 Qhr noshadeQ?br />
17.向中寚w QcenterQ?.........Q?centerQ?br />
18.依原始样式显C?nbsp;QpreQ?.........Q?preQ?br />
19.QbodyQ指令的属?nbsp;
?】背景颜?nbsp;-- bgcolor Qbody bgcolor=#rrggbbQ?nbsp;
?】背景图?nbsp;-- background Qbody background="囑Ş文g?Q?nbsp;
?】设定背景图案不会卷?nbsp;-- bgproperties Qbody bgproperties=fixedQ?nbsp;
?】文件内Ҏ字的颜色 -- text Qbody text=#rrggbbQ?nbsp;
?】超q结文字颜色 -- link Qbody link=#rrggbbQ?nbsp;
?】正被选取的超q结文字颜色 -- vlink Qbody vlink=#rrggbbQ?nbsp;
?】已q结q的连l文字颜?nbsp;-- alink Qbody alink=#rrggbbQ?br />
20.注解 Q?--..........--Q?1.Ҏ字元表示?nbsp;
W?nbsp;?nbsp; ?nbsp;?nbsp;
Q?nbsp; Ql?nbsp;
Q?nbsp; Qg?nbsp;
& Qamp
" Qquo?nbsp;
I白 Qnbs?nbsp;
囄
1.插入囄 Qimg src="囑Ş文g?Q?br />
2.讑֮图框 -- border Qimg src="囑Ş文g? border=ҎQ?br />
3.讑֮囑Ş大小 -- widthⅱheight Qimg src="囑Ş文g? width=宽度Ҏ height=高度ҎQ?br />
4.讑֮囑Ş上下左右留空 -- vspaceⅱhspace Qimg src="囑Ş文g? vspace=上下留空Ҏ hspace=左右留空ҎQ?br />
5.囑Ş附注 Qimg src="囑Ş文g? alt="说明文字"Q?br />
6.预蝲囄
Qimg src="高解析度囑Ş文g? lowsrc="低解析度囑Ş文g?Q?nbsp;P.S.两个囄囑Ş大小最好一?br />
7.影像地图QImage MapQ?nbsp;Qimg src="囑Ş文g? usemap="#囄名称"Q?nbsp;Qmap name="囄名称"Q?br />
Qarea shape=形状 coords=区域座标列表 href="q结点之URL"Q?br />
Qarea shape=形状 coords=区域座标列表 href="q结点之URL"Q?br />
Qarea shape=形状 coords=区域座标列表 href="q结点之URL"Q?br />
Qarea shape=形状 coords=区域座标列表 href="q结点之URL"Q?nbsp; Q?mapQ?nbsp;
?】定义Ş?nbsp;-- shape
shape=rectQ矩?nbsp; shape=circleQ圆?nbsp; shape=polyQ多边Ş
?】定义区?nbsp;-- coords
a.矩ŞQ必M用四个数字,前两个数字ؓ左上角标,后两个数字ؓ右下角?br />
例:Qarea shape=rect coords=100,50,200,75 href="URL"Q?br />
b.圆ŞQ必M用三个数字,前两个数字ؓ圆心的标,最后一个数字ؓ半径长度
例:Qarea shape=circle coords=85,155,30 href="URL"Q?br />
c.L囑ŞQ多边ŞQ:图形之每一转折点标依序填?br />
例:Qarea shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"Q?br />
表格
1.定义表格 QtableQ?.........Q?tableQ?nbsp;
?】设定边框的厚度 -- border
Qtable border=ҎQ?nbsp;
?】设定格U的宽度 -- cellspacing
Qtable cellspacing=ҎQ?nbsp;
?】设定资料与格线的距?nbsp;-- cellpadding
Qtable cellpadding=ҎQ?nbsp;
?】调整表格宽?nbsp;-- width
Qtable width=Ҏ或百分比Q?nbsp;
?】调整表格高?nbsp;-- height
Qtable height=Ҏ或百分比Q?nbsp;
?】设定表D景色?nbsp;-- bgcolor
Qtable bgcolor=#rrggbbQ?nbsp;
?】设定表D框色?nbsp;-- bordercolor
Qtable bordercolor=#rrggbbQ?br />
2.昄格线 Qtable borderQ?br />
3.表格标题
QcaptionQ?.........Q?captionQ?nbsp;
表格标题位置 -- align
Qcaption align="#"Q?nbsp;#号可?nbsp;topQ表标题|于表格上方Q预讑ր|
bottomQ表标题|于表格下方
4.定义?nbsp;QtrQ?br />
5.定义栏位 ?》<tdQ:靠左寚w
?》<thQ:靠中寚wq?nbsp;
?】水q位|?nbsp;-- align Qth align="#"Q?br />
#号可?nbsp;leftQ向左对?br />
centerQ向中对?nbsp;rightQ向叛_?br />
?】垂直位|?nbsp;-- align Qth align="#"Q?nbsp;#号可?br />
topQ向上对?nbsp;middleQ向中对?br />
bottomQ向下对?nbsp;
?】栏位宽?nbsp;-- width
Qth width=Ҏ或百分比Q?nbsp;
?】栏位垂直合q?nbsp;-- rowspan
Qth rowspan=Ʋ合q栏位数Q?nbsp;
?】栏位横向合q?nbsp;-- colspan
Qth colspan=Ʋ合q栏位数Q?br />
清单
一、目录式清单
QdirQ?nbsp;QliQ项? QliQ项? QliQ项? Q?dirQ?nbsp;P.S.目录式清单每一个项目不能超q?0个字元(?0个中文字Q?br />
二、选项式清?nbsp;QmenuQ?nbsp;QliQ项? QliQ项? QliQ项? Q?menuQ?br />
三、有序号的清?nbsp;QolQ?nbsp;QliQ项? QliQ项? QliQ项? Q?olQ?nbsp;
?】序号Ş?nbsp;-- type Qol type=#Q或Qli type=#Q?nbsp;#号可?nbsp;AQ表以大写英文字母AⅱBⅱCⅱD...做ؓ目~号 aQ表以小写英文字母aⅱbⅱcⅱd...做ؓ目~号 IQ表以大写罗马数字做为项目编?nbsp;iQ表以小写罗马数字做为项目编?nbsp;1Q表以阿拉伯数字做ؓ目~号Q预讑ր|
?】v始数?nbsp;-- start Qol start=Ʋ开始计数的序数Q?nbsp;
?】指定编?nbsp;-- value Qli value=Ʋ指定的序数Q?br />
四、无序号的清?nbsp;QulQ?nbsp;QliQ项? QliQ项? QliQ项? Q?ulQ?nbsp;
?】项目符号Ş?nbsp;-- type Qul type=#Q或Qli type=#Q?nbsp;#号可?nbsp;discQ实心圆点(预设| circleQ空心圆?nbsp;squareQ实心方?nbsp;
?】原始清?nbsp;-- plain Qul plainQ?nbsp;
?】清单排列方?nbsp;-- warp ?》清单垂直排?nbsp;Qul warp = vertQ?nbsp;?》清单水qx?nbsp;Qul warp = horizQ?br />
五、定义式清单 QdlQ?nbsp;QdtQ项? QddQ项?说明 QdtQ项? QddQ项?说明 QdtQ项? QddQ项?说明 Q?dlQ?nbsp;
紧密排列 -- compact Qdl compactQ?nbsp;P.S.如此可QdtQ的内容与<ddQ的内容在同一行,?nbsp;以数格空白相隔而不换行Q但若<dtQ的文字过一 定的长度后,compact的作用就消失了!
表单
一、基本架?nbsp;Qform action="处理资料用的CGIE式之URL"?mailto:电子信箱的URL" method="get或post"Q?nbsp;.......... .......... .......... Q?formQ?nbsp;
二、输入文件型表单 Qform action="URL" method="post"Q?nbsp;QinputQ?nbsp;QinputQ?nbsp;.......... .......... Q?formQ?nbsp;
?】栏位类?nbsp;-- type Qinput type=#Q?nbsp;#号可?nbsp;textQ文字输?nbsp;passwordQ密?nbsp;checkboxQ多选钮 radioQ单选钮 submitQ接受按?nbsp;resetQ重设按?nbsp;imageQ图形钮 hiddenQ隐藏栏?nbsp;
?】栏位名U?nbsp;-- name Qinput name="资料栏名"Q?nbsp;P.S.若type为submitⅱreset则name不必讑֮
?】文件上的预讑ր?nbsp;-- value Qinput value="预设之字?Q?nbsp;
?】设定栏位的宽度 -- size Qinput size=字元敎ͼ
?】限制最大输入字串的长度 -- maxlength Qinput maxlength=字元敎ͼ
?】预设checkbox或radio的初?nbsp;-- checked Qinput type=checkbox checkedQ?nbsp;Qinput type=radio checkedQ?nbsp;
?】指定图形的URL -- src Qinput type=image src="图?Q?nbsp;
?】图文对?nbsp;-- align Qinput type=image align="#"Q?nbsp;#号可?nbsp;topQ文字对齐图片之端 middleQ文字对齐图片之中间 buttomQ文字对齐图片之底部
三、选择式表?nbsp;Qform action="URL" method="post"Q?nbsp;QselectQ?nbsp;QoptionQ?nbsp;QoptionQ?nbsp;.......... .......... Q?selectQ?nbsp;Q?formQ?nbsp;
A、<selectQ的属?nbsp;
?】栏位名U?nbsp;-- name Qselect name="资料栏位?Q?nbsp;
?】设定显C的选项?nbsp;-- size Qselect size=个数Q?nbsp;
?】多重选项 -- multiple Qselect multipleQ?nbsp;
B、<optionQ的属?nbsp;
?】定义选项的传回?nbsp;-- value Qoption value="传回?Q?nbsp;
?】预先选取的选项 -- selected Qoption selectedQ?br />
四、多列输入文字区表单 Qform action="URL" method="post"Q?nbsp;QtextareaQ?nbsp;.......... .......... Q?textareaQ?nbsp;Q?formQ?nbsp;
?】文字区的变数名U?nbsp;-- name Qtextarea name=变数名称Q?nbsp;
?】设定文字输入区宽度 -- cols Qtextarea cols=字元敎ͼ
?】设定文字输入区高度 -- rows Qtextarea rows=列数Q?nbsp;
?】输入区讑֮预设字串 QtextareaQ?nbsp;预设文字 Q?textareaQ?nbsp;
?】自动换行与?nbsp;-- wrap Qtextarea wrap=#Q?nbsp;#号可?nbsp;offQ表输入的文字超q栏宽时Q不会自动换行(预设| virtualQ表输入的文字在过栏宽时会自动换行
链接
一、连l至其他文g Qa href="URL"Q说明文字或囄Q?aQ?br />
二、连l至文g内之某一处(外部q结Q?nbsp;
?》v?br />
Qa href="档名#名称"Q?.........Q?aQ?nbsp;
?》终?nbsp;Qa name="名称"Q?br />
三、frame的超q结
?】开启新的浏览器来显Cl文?nbsp;-- _blank Qa href="URL" target=_blankQ?br />
?】显Cl文件於目前的frame -- _self Qa href="URL" target=_selfQ?br />
?】以上一层的分割视窗昄q结文g -- _parent Qa href="URL" target=_parentQ?br />
?】以全视H显Cl文?nbsp;-- _top Qa href="URL" target=_topQ?nbsp;
?】以特定视窗昄q结文g --Qa href="URL" target="特定视窗名称"Q?br />
FRAME
一、分割视H指?nbsp;QframesetQ?.........Q?framesetQ?nbsp;
?】垂_上下Q分?nbsp;-- rows
Qframeset rows=#Q?nbsp;#号可为点敎ͼ如欲分割?00,200,300三个视窗Q则
Qframeset rows=100,200,300Q;亦可?号代表,如<frameset rows=*,500,*Q?br />
癑ֈ比:如<frameset rows=30%,70%Q,?nbsp;Ҏd最好ؓ100%
?】水qI左右Q分?nbsp;-- cols Qframeset cols=Ҏ或百分比Q?br />
二ⅱ指定视窗内容 -- QframeQ?br />
Qframeset cols=30%,70%Q?nbsp; QframeQ?nbsp; QframeQ?nbsp;Q?framesetQ?br />
?】指定视H的文g名称 -- src Qframe src=HTML名Q?nbsp;
?】定义视H的名称 -- name
Qframe name=视窗名称Q?nbsp;
?】设定文件与上下Ҏ的距?nbsp;-- marginheight
Qframe marginheight=ҎQ?nbsp;
?】设定文件与左右Ҏ的距?nbsp;-- marginwidth
Qframe marginwidth=ҎQ?nbsp;
?】设定分割视H卷?nbsp;-- scrolling
Qframe scrolling=#Q?nbsp;#号可?nbsp;yesQ固定出现卷?br />
noQ不出现卯u autoQ自动判断文件大需不需要卷_预设|
?】锁住分割视H的大小 -- noresize Qframe noresizeQ?