总类(所有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> 与外观相关的标签(作者自订的表现方式) 加粗 <B></B> 斜体 <I></I> 3.0 底线 <U></U> (尚有些浏览器不提供) 3.0 删除线 <S></S> (尚有些浏览器不提供) 3.0 下标 <SUB></SUB> 3.0 上标 <SUP></SUP> 打字机体 <TT></TT> (用单空格字型显示) 预定格式 <PRE></PRE> (保留文件中空格的大小) 预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算) N1.0+ 向中看齐 <CENTER></CENTER> (文字与图片都可以) N1.0 闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签) N1.0 字体大小 <FONT SIZE=?></FONT>(从1到7) N1.0 改变字体大小 <FONT SIZE=+|-?></FONT> N1.0 基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3) N2.0 字体颜色 <FONT COLOR="#$$$$$$"></FONT> 连结与图形 链接 <A HREF="URL"></A> 链接到锚点 <A HREF="URL#***"></A>(如果锚点在另一个档案) <A HREF="#***"></A> (如果锚点目前的档案) N2.0 链接到目的视框 <A HREF="URL" TARGET="***"></A> 设定锚点 <A NAME="***"></A> 图形 <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="***"> (如果没有办×显示图形则显示此文字) 点选图 <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="?"> 分隔 段落 <P> (通常是两个return) 3.0 段落 <P></P> (新定义成容器型标签) 3.0 文字看齐方式 <P 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> (如果需要,可在此断行) 列举 (可以巢状列举) 无次序式列举 <UL><LI></UL> (<LI> 放在每一项前) N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项) <LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其後的列举项) 有次序式列举 <OL><LI></OL> (<LI> 放在每一项前) 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><LI></MENU>(<LI> 放在每一项前) 目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前) 背景与颜色 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 的编码) < < > > & lt;& gt; 注册商标TM & reg; N1.0+ 注册商标TM & reg; 著作权符号 & copy; N1.0+ 著作权符号 & copy; 表单 (通常需要与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?***"></a> (其中的问号不是数字,而是「问号」) 基本档案的URL <BASE HREF="URL"> (必须放在「文头」区段内) N2.0 基本视窗名称 <BASE TARGET="***"> (必须放在「文头」区段内) 相关性 <LINK REV="***" REL="***" HREF="URL"> (必须放在「文头」区段内) 背景资讯 <META> (必须放在「文头」区段内) |
HTML中的框架 框架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉链接。 一,基本结构HTML使用<Frameset>,<Frame>和<noFrames>标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。 (一),<Frameset>标签。 该标签是框架设计标签,成对使用。首尾标签之间的内容就是使用到框架的HTML主体部分。在使用框架的HTML文档中不能出现<body>标签,否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间的内容。 <Frameset>标签作用是将窗口分割为若干个自窗口,子窗口的数目取决于嵌套在该标签中<Frame>标签的书目。<Frameset>标签有两个属性。rows和cols,分别用来确定个子窗口的高度和宽度,格式为<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各参数之间以逗号分割,依次表示各个自窗口的高度(宽度)。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下: (1)数字。表示子窗口高度(宽度)所占的像素点数。 (2)百分数。表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。 (3)符号“*”。当符号*只出现一次。即其他子窗口的大小都有明确的定义时,表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时,表示按比例分割浏览器窗口的剩余空间。例如: <Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列,第一个子窗口在第一列,窗口宽度为整个浏览器窗口宽度的40%;第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口宽度的40%,第三个子窗口占剩余空间的1/3,宽度为整个浏览浏览器窗口宽度的20%。 (二),<frame>标签。HTML用<frame>标签来标识子窗口。<frame>标签是嵌套在框架设置标签<Frameset>标签中来使用的单独标签。在<Frameset>中定义了多少个子窗口就要有多少个<frame>标签与之匹配,依次定义各个窗口的性质。<frame>标签有7个属性,除SRC属性是不可缺省的外,其他属性都是可选的。 (1)SRC属性。用以定义子窗口的名称。 (2).name属性。用于定义子窗口的名称。 (3)frameboder属性。该属性的参数值为1或0。当参数值为1时,表示该子窗口有边框,为0时没有边框。该属性缺省值为1。 (4)bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的<frame>标签中定义了子窗口的边框颜色,则以第一次指定的颜色为标准。在指定边框颜色时,可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。 (5)sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为no时是始终没有滚动条。为auto时表示当文档的内容超出窗口范围时,浏览器自动为该子窗口添加滚动条。scolling属性的缺省值为auto. (6)maginwidth和marginwidht属性。这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的。其中maginwidth属性用于确定显示内容与左右边界之间的距离;maginwidht用来确定显示内容与上下边界之间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。 (三),<noframes>标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息,以免浏览者对空白窗口画面感觉莫名其妙。<noframes>标签是成对使用的。首尾标签之间的内容就上告之浏览者的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性,我们最好还是养成使用这个标签的习惯。 (四),基本结构。 我们举例说明HTML中框架文档的基本结构: <html> <head> <title>文档标题</title> </head> <Frameset Cols="值1,值2,……,值n>将浏览器窗口分割为n个窗口。 <Frame SRC="1.html"> <frame SRC="2.html"> <frame SRC="n.html"> </Frameset> <noframes>如果您看到空白的画面,说明您的浏览器是不支持框架机构的</noframes> </html> 其中,<frameset>标签是可以嵌套使用的,也就是说,可以将其中某一个或几个子窗口划分为若干个更小的窗口。例如: <html> <Frameset cols="30%,90,*"> <frame SRC="1.html"name=cont> <frame SRC="caipage.gif"> <frame SRC="2.html"> </frameset> <frame SRC="f2.html"name=another marginheight=120> </frameset> <noframes>您使用的浏览器不支持框架</noframes> </html> 二,目标窗口的交叉链接。 为了方便用户进行搜索和浏览,我们经常用到一系列锚标组成的索引目录显示在一个子窗口中,而将锚标所指向的内容放在另一个子窗口中。显示锚标的子窗口通常被成为”源窗口“,显示目标文档的窗口则称之为“目标窗口”。 在进行交叉连接时,我们必须先用<frame>标签的name属性定义目标窗口的名称,然后再修改显示在源窗口中的文档。在所有的<A>标签中添加语句target="目标窗口名称"来指定目标文档的显示位置。例如: <html> <head> <title>目标窗口测试页</title> </head> <frameset cols="30%,90,*"> <frame src='f1.html"marginheight=60> <frameset rows="120,*"> <frame src="caipage.gif"> <frame src="2.html"> </frameset> <frame src="f2.html"name=another marginheight=60> </frameset> <noframes>您的浏览器不支持框架结构</noframes> 其中,第一个子窗口是源窗口。我们在源窗口的对应文档f1.html中定义了一系列锚标,该文档的内容如下: <html> <body> <(说明:文档主体内容举重显示 <P><A href="田园风光.jpg"target="another">田园风光</A><P> <A href="qiu.jpg"target="another">金色秋天</A><P> <A href="tong.html"target="another">渔哥唱晚</A><P> <A href="pig.gif"target="another">夕阳无限</A><P> </body> </html> 当用户点击锚标“田园风光”后,浏览器将在目标文档显示锚标的连接对象 |