网页制作之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>(必须放在「文头」区段内)

相关推荐