网页制作之HTML基础知识
hong 2011-04-04
网页制作之HTML基础知识
作者：king_wangyao 2008-05-26
总类（所有HTML文件都有的）
文件类型<HTML></HTML>（放在档案的开头与结尾）
文件主题<TITLE></TITLE>（必须放在「文头」区块内）
文头<HEAD></HEAD>（描述性资料，像是「主题」）
文体<BODY></BODY>（文件本体）
结构性定义（由浏览器控制的显示风格）
标题<H></H>（从1到6，有六层选择）
标题的对齐<HALIGN=LEFT|CENTER|RIGHT></H>
区分<DIV></DIV>
区分的对齐<DIVALIGN=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>
大字<BIG></BIG>
小字<SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗<B></B>
斜体<I></I>
底线<U></U>（尚有些浏览器不提供）
删除线<S></S>（尚有些浏览器不提供）
下标<SUB></SUB>
上标<SUP></SUP>
打字机体<TT></TT>（用单空格字型显示）
预定格式<PRE></PRE>（保留文件中空格的大小）
预定格式的宽度<PREWIDTH=?></PRE>（以字元计算）
向中看齐<CENTER></CENTER>（文字与图片都可以）
闪耀<BLINK></BLINK>（有史以来最被嘲弄的标签）
字体大小<FONTSIZE=?></FONT>（从1到7）
改变字体大小<FONTSIZE=+|-?></FONT>
基本字体大小<BASEFONTSIZE=?>（从1到7;内定为3）
字体颜色<FONTCOLOR="#$$$"></FONT>
链结与图形
链接<Ahref="URL"></A>
链接到锚点<Ahref="URL#***"></A>（如果锚点在另一个档案）
<Ahref="#***"></A>（如果锚点目前的档案）
链接到目的视框<Ahref="URL"target="***"></A>
设定锚点<Aname="***"></A>
图形<IMGsrc="URL">
图形看齐方式<IMGsrc="URL"ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式<IMGsrc="URL"ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字<IMGsrc="URL"alt="***">（如果没有办法显示图形则显示此文字）
点选图<IMGsrc="URL"ISMAP>（需要CGI程式）
点选图<IMGsrc="URL"USEMAP="URL">
地图<MAPname="***"></MAP>（描述地图）
段落<AREASHAPE="RECT"COORDS=",,,"href="URL"|NOHREF>
大小<IMGsrc="URL"width="?"height="?">（以pixels为单位）
图形边缘<IMGsrc="URL"BORDER=?>（以pixels为单位）
图形边缘空间<IMGsrc="URL"HSPACE=?VSPACE=?>（以pixels为单位）
低解析度图形<IMGsrc="URL"LOWsrc="URL">
用户端拉<METAHTTP-EQUIV="Refresh"CONTENT="?;URL=URL">（使用端自动更新）
内嵌物件<EMBEDsrc="URL">（将物件插入页面）
内嵌物件大小<EMBEDsrc="URL"width="?"height="?">
分隔
段落<P>（通常是两个return）
段落<P></P>（新定义成容器型标签）
文字看齐方式<PALIGN=LEFT|CENTER|RIGHT></P>
换行<BR>（一个return）
文字部份看齐方式<BRCLEAR=LEFT|RIGHT|ALL>（与图形合用时）
横线<HR>
横线对齐<HRALIGN=LEFT|RIGHT|CENTER>
横线厚度<HRSIZE=?>（以pixels为单位）
横线宽度<HRWIDTH=?>（以pixels为单位）
横线比率宽度<HRWIDTH=%>（以页宽为100%）
实线<HRNOSHADE>（没有立体效果）
不可换行<NOBR></NOBR>（不换行）
可换行处<WBR>（如果需要，可在此断行）
列举（可以巢状列举）
无次序式列举<UL><LI></UL>（<LI>放在每一项前）
公布式列举<ULTYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）
<LITYPE=DISC|CIRCLE|SQUARE>（定义这个及其後的列举项）
有次序式列举<OL><LI></OL>（<LI>放在每一项前）
数标型态<OLTYPE=A|a|I|i|1>（定义全部的列举项）
<LITYPE=A|a|I|i|1>（定义这个及其後的列举项）
起始数字<OLVALUE=?>（定义全部的列举项）
<LIVALUE=?>（定义这个及其後的列举项）
定义式列举<DL><DT><DD></DL>（<DT>项目,<DD>定义）
表单式列举<MENU><LI></MENU>（<LI>放在每一项前）
目录式列举<DIR><LI></DIR>（<LI>放在每一项前）
背景与颜色
重复排列的背景<BODYBACKGROUND="URL">
背景颜色<BODYbgcolor="#$$$">（依序为红、绿、蓝）
文字颜色<BODYTEXT="#$$$">
连结颜色<BODYLINK="#$$$">
看过的连结<BODYVLINK="#$$$">
使用中的连结<BODYALINK="#$$$">
表单（通常需要与CGI程式配合）
定义表单<FORMACTION="URL"METHOD=GET|POST></FORM>
N2.0上传档案<FORMENCTYPE="multipart/form-data></FORM>
输入栏位<INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">
栏位名称<INPUTname="***">
栏位内定值<INPUTVALUE="***">
已选定<INPUTCHECKED>（适用於checkboxes与radioboxes）
栏位宽度<INPUTSIZE=?>（以字元数为单位）
最长字数<INPUTMAXLENGTH=?>（以字元数为单位）
下拉式选单<select></select>
下拉式选单名称<selectname="***"></select>
选单项目数量<selectSIZE=?></select>
多选式选单<selectMULTIPLE>（多选）
选项<OPTION>
内定选项<OPTIONselectED>
文字输入区<TEXTAREAROWS=?COLS=?></textarea>
输入区名称<TEXTAREAname="***"></textarea>
输入区换行方式<TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL></textarea>
表格
定义表格<TABLE></TABLE>
表格框线<TABLEBORDER></TABLE>（有或没有）
表格框线<TABLEBORDER=?></TABLE>（可以设定数值）
储存格左右留白<TABLECELLSPACING=?>
储存格上下留白<TABLECELLPADDING=?>
表格宽度<TABLEWIDTH=?>（以pixels为单位）
宽度比率<TABLEWIDTH=%>（页宽为100%）
表格列<TR></TR>
表格列内容看齐<TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>
储存格<TD></TD>（须与列并用）
储存格内容看齐<TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>
不换行<TDNOWRAP>
储存格背景颜色<TDBGCOLOR=#$$$>
储存格横向连接<TDCOLSPAN=?>
储存格纵向连接<TDROWSPAN=?>
储存格宽度<TDWIDTH=?>（以pixels为单位）
储存格宽度比率<TDWIDTH=%>（页宽为100%）
表格标题<TH></TH>（跟<TD>一样，不过会对中并加粗）
表格标题对齐<THALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>
表格标题不换行<THNOWRAP>
表格标题占几栏<THCOLSPAN=?>
表格标题占几列<THROWSPAN=?>
表格标题宽度<THWIDTH=?>（以pixels为单位）
表格标题比率宽度<THWIDTH=%>（页宽为100%）
表格抬头<CAPTION></CAPTION>
表格抬头看齐<CAPTIONALIGN=TOP|BOTTOM>（在表格之上/之下）
视框（定义与控制萤幕上的特定区域）
视框格式总定义<FRAMESET></FRAMESET>（取代<BODY>）
视框行长度分配<FRAMESETROWS=,,,></FRAMESET>（pixels或%）
视框行长度分配<FRAMESETROWS=*></FRAMESET>（*=相对大小）
视框栏宽度分配<FRAMESETCOLS=,,,></FRAMESET>（pixels或%）
视框栏宽度分配<FRAMESETCOLS=*></FRAMESET>（*=相对大小）
定义个别视框<FRAME>（定义个别视框）
个别视框内容<FRAMEsrc="URL">
个别视框名称<FRAMEname="***"|_blank|_self|_parent|_top>
边缘宽度<FRAMEMARGINWIDTH=?>（「左」与「右」边界）
边缘高度<FRAMEMARGINHEIGHT=?>（「天顶」与「地底」边界）
卷动条<FRAMESCROLLING="YES|NO|AUTO">
不可改变大小<FRAMENORESIZE>
无视框时的内容<NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）
杂项
说明（浏览器不会显示）
档案型态声明<!DOCTYPEHTMLPUBLIC"-//IETF//DTDHTML2.0//EN">
档案型态声明<!DOCTYPEHTMLPUBLIC"-//W3O//DTDW3HTML3.0//EN">
可搜寻<ISINDEX>（指示可搜寻的索引项）
提示<ISINDEXPROMPT="***">（要求输入的提示文字）
送出搜寻条件<Ahref="URL?***"></a>（其中的问号不是数字，而是「问号」）
基本档案的URL<BASEhref="URL">（必须放在「文头」区段内）
基本视窗名称<BASEtarget="***">（必须放在「文头」区段内）
相关性<LINKREV="***"rel="***"href="URL">（必须放在「文头」区段内）
背景资讯<META>（必须放在「文头」区段内）
