网站制作
域名注册
网站推广
多媒体制作
   

HTML语言剖析(三)文件标记

  3014
 

欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。

  亦请先明白围堵标记与空标记的分别请看 【HTML概念】。

  ■ HTML 基本架构:

  以下 HTML Source Code 便是一份 HTML 文件的基本架构:

网页的标题

网页的内容,很多标记都作用于此

  特点解说:

  整份文件处于标记与之间。

  用以声明这是 HTML 文件,让浏览器认出并正确处理此 HTML 文件。

  文件分两部分,由至称为开头,至称本文。

  基本上两者各有适用的标记,如只可出现于开头部分。 </p><p class=pTxt> </p><p class=pTxt>   开头部分用以存载重要资讯,而只有本文部分会被显示。 </p><p class=pTxt>   所以大部分标记会运用于本文部分。 </p><p class=pTxt> </p><p class=pTxt>   <TITLE>所标示的是文件的标题。 </p><p class=pTxt>   会出现于浏览器顶部及为别人 Bookmark 时的名称,所以每页有不同而明确的标题 是需要的。</p><p class=pTxt> </p><p class=pTxt>   上述标记中只有<BODY>具参数设定。 </p><p class=pTxt> </p><p class=pTxt>   <BODY> 之参数设定:</p><p class=pTxt> </p><p class=pTxt>   例子: </p><p class=pTxt>   <BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed"> </p><p class=pTxt> </p><p class=pTxt>   text="#000000" </p><p class=pTxt>   用以设定文字颜色。 #000000 代表黑色,亦可以采用颜色的名称,即 text="black" 。各种颜色的值及名称可参考【调色原理】一节。 </p><p class=pTxt> </p><p class=pTxt>   link="#0000FF" </p><p class=pTxt>   设定一般文字连结颜色。 </p><p class=pTxt> </p><p class=pTxt>   alink="#FF0000" </p><p class=pTxt>   设定刚按下时文字连结颜色。 </p><p class=pTxt> </p><p class=pTxt>   vlink="#0000FF" </p><p class=pTxt>   设定连结后的颜色。(被按过)。 </p><p class=pTxt> </p><p class=pTxt>   background="bg1.gif" </p><p class=pTxt>   设定背景墙纸。GIF 或 JPEG 皆可,可以是绝对途径或相对途径。 </p><p class=pTxt> </p><p class=pTxt>   bgcolor="#FFFFFF" </p><p class=pTxt>   设定背景颜色。当己设定背景墙纸时会失去作用,除非墙纸有透明部分。 </p><p class=pTxt> </p><p class=pTxt>   leftmargin=2 </p><p class=pTxt>   设定整份文件显示画面的左方边沿空间,单位为像素。 『只适用于IE』 </p><p class=pTxt> </p><p class=pTxt>   topmargin=2 </p><p class=pTxt>   设定整份文件显示画面的上方边沿空间。 『只适用于IE』 </p><p class=pTxt> </p><p class=pTxt>   bgproperties="fixed" </p><p class=pTxt>   固定背景墙纸,当卷动文字时墙纸不会跟著卷动。 『只适用于IE』 </p><p class=pTxt>   标记及参数之字母大小都可以。 其他如 onload 等事件将于【Java Script 剖析】介绍。</p><p class=pTxt> </p> </div></td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td></td> <td></td> </tr> </table></td> <td><table align="center" > <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td width="10"> </td> </tr> <tr> <td colspan="3"></td> </tr> </table> <table width="90%" border="0" align="center" cellpadding="0" cellspacing="3"> <tr> <td align="left"> </td> <td align="center" valign="bottom"><a href="#" target="_top"><img src="/Images/top.gif" width="30" height="20" border="0" /></a></td> <td align="right"> </td> </tr> </table></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" > <tr> <td><div align="right"><img src="/Images/gsjj_05.gif" /></div></td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td><div align="center"><a href="/" style="text-decoration: none; color:#CCCCCC;">佛山市鹰翔建站网络资讯公司</a>  版权所有</div></td> </tr> <tr> <td><div align="center" class="font-w">佛山网站建设</div></td> </tr> <tr> <td><div align="center"><font color="#666666"> <!----> </font></div></td> </tr> <tr> <td><div align="center">电子邮箱:<img src="/Images/Mail.gif" width="148" height="20" border="0"></div></td> </tr> <tr> <td><div align="center"><span class="font-w"><a href="/" style="text-decoration: none; color:#CCCCCC;">http://fsyx.net</a></span></div></td> </tr> </table></td> </tr> </table> <div align="center"><script src="/count.js"></script></div> </body> </html>