《WEB服务器技术》系列讲座之五

(陈昌新 编写)
        第五章、HTML编程

    第1节、HTML的概述

    HTML是Hyper Text Markup Language缩写,即是超文本标识语言。是专门
为WWW上为客户与服务器共同识别的一种语言。是一种由TAG用来表示某些特性
或功能的描述语言。它是由WEB的管理员或HOMEPAGE的设计者编写出来的HTML
文本文件,存放在由HTTPD指定的存放位置,如:Document Root所指定目录。

    第2节、HTML编写细节

    HTML是由TAG组成的标识文本文件。只要认真理会以下一些TAG意义很快你
就可以编写你的HOMEPAGE了:
    一、存放位置
    如果你是WEB的管理员,你在建立WEB服务器时,都有规定你的HTML存放目
录。即在服务器配置文件都有指定 Document Root的目录位置。并且缺省运行 
的主HTML文件,一般是index.html,index.htm或defaut.html等。
    如果你仅仅是一个电话拨入的个人帐户,在WEB管理许可情况下也可以建
立你的个人HOMEPAGE。只要在你的个人用户目录下建一个public_html目录,
并把你写好的HTML程序放在publit_html下。任何人就可以通过访问URL:
http://your-account-host-url/~your-account,看到你的HOMEPAGE了。
    二、如何编写
    HTML是由TAG组成的文本。而TAG必须由<>尖括号包起来,并且是有开头和
结尾,即<TAG>.....</TAG>。开头和结尾,<TAG>和</TAG>间为TAG所描述的特
性。对于HTML的元素有HTML1.0, HTML2.0, HTML3.0,HTML3.2以及Netscape 的
扩展元素组成。有关HTML的标准请参见W3相关描述文档三、元素细节描述
    
    1、基本TAG元素
       文件格式     <HTML></HTML>    (HTML文件的开头与结尾)
       主题         <TITLE></TITLE>  (必须放在文头区段)
       文头区段     <HEAD></HEAD>    (描述文件,如「主题」)
       内文区段     <BODY></BODY>    (内容所在)
       下面是个简单例子:
          <HTML>
          <HEAD>
          <TITLE>网页标题</TITLE>
          </HEAD>
          <BODY>网页内容
          </BODY>
          </HTML>

    2、与结构相关的元素
        标题      <H?></H?>   (有六种:H1,H2,H3,H4,H5,H6)
                 例如:  
                      <h1>H1 tag</h1>
                      <h2>H1 tag</h2>
                      <h3>H1 tag</h3>
                      <h4>H1 tag</h4>
                      <h5>H1 tag</h5>
                      <h6>H1 tag</h6>
       标题对齐  <H? ALIGN=LEFT|CENTER|RIGHT></H?>
       区段      <DIV></DIV>
       区段对齐  <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
       简短的引用 (Q)
                  <Q> 与 </Q> 是对於一些引用的文件,如果引用的部分不
                  长。那麽可以考虑使用这一个标签,这一个标签是HTML3.0
                  的新语法。
       引文区段  <BLOCKQUOTE></BLOCKQUOTE>      (显示时通常会内缩)
                 blockquote 是用来表示区域内的文件是引用某个人或是
                 某份文件内的资料的。通常引用的文字如果利用<BLOCKQUOTE>
                 与 </BLOCKQUOTE>来将它们标记起来的话。那麽大部份的
                 浏览器在读这些字的时候就会以另一种方式来表示它。这
                 样的表示只是在提醒读者们这是引用其他人的部分。  
       强调      <EM></EM>                      (通常以斜体显示)
       强烈强调  <STRONG></STRONG>              (通常以黑体显示)
                 这一个特别加强语气的字元是 STRONG这个与 EM一样都是
                 加强语气的用法而已。大部份的浏览器都用粗黑体来表示
                 被 <STRONG> 与 </STRONG> 所标记的字。
       引用语句  <CITE></CITE>                  (通常以斜体显示)
                  利用 <CITE> 与 </CITE> 将引用他人的话标记起来
       程序原码  <CODE></CODE>
                读者如果写的是一些电脑方面的东西,那麽可以利用CODE
                这一个标签将一些相关的字眼标记起来,使用的方式也是
                里用 <CODE> 与 </CODE> 将相关的字眼标记。
       程序输出样本 <SAMP></SAMP>
                不加修饰
                在 HTML 里面,如果您想印出 HTML 的语法。那麽读者可
                能需要利用一些特殊的技巧来印这些字元。而在这些字元
                的外面,读者就可以利用SAMP 这一个符号将它们标记起
                来喔。这一个标签的特色是被标记的文字都会用固定的宽
                度来表示。
       键盘输入  <KBD></KBD>
                KBD 这一个标签通常是用来告知读者可以敲入哪些字,这
                些被标记成 KBD的字通常都是以固定宽度的粗体字来表示。
                但是有些浏览器只是以固定宽度的字元来表示而已。
       程序变量  <VAR></VAR>
                对於一些可能改变的字HTML里面提供了一个 VAR的标签来
                展示它,这个标签的意思是对於那些可能容易改变的变数
                或是字眼等等。可以使用<VAR> 及 <VAR>来标记它们。这
                样可以提醒使用者这些变数可能会有所改变。
       定义      <DFN></DFN>                    (有些浏览器无此功能)
                如果读者在 HTML 里面所用到的是一些定义的字眼。那麽
                读者可以考虑使用DFN这一个标签。如果读者使用Mosaic浏
                览器。那麽被 <DFN> 与 </DFN>所标记起来的文字将会用
                斜体字来表示。其它的浏览器则不一定。 
       作者地址  <ADDRESS></ADDRESS>
       大字      <BIG></BIG>
       小字      <SMALL></SMALL>
       语言 (LANG)
                在一篇文件中,如果使用两种以上的语言,那麽就可以使用 
                <LANG>与</LANG>来将它标记起来。这也是HTML3.0的新语法。
       作者 (AU)
                <AU>与</AU>并不是表示一般的AU档案,这一个标签是说如果
                在读者的文章中。有提到某些作者的话,那麽就可以利用这
                一个标签将作者给标记住。这也是 HTML 3.0特别为作者所设
                计的一个标签喔。
       个人 (PERSON)
                在很多的索引程式中,程式有时候会将一些资讯页给展示出
                来,而在展示这些资讯页的时候。如果有提到一些个人的名
                字。那麽就可以利用 <PERSON> 与 </PERSON>来将这些名字
                给标记住。这一个语法也是 HTML 3.0 中新加入的语法。
       数个单字组成的单字 (ACRONYM)
                在英文中,有一些单字是由好几个单字组合而成。如果读者
                碰到这种单字,读者可以考虑利用<ACRONYM>与 </ACRONYM>
                标签将它们给特别的括住。虽然这是 HTML3.0中新的语法。
                但是对使用中文的我们来说,这样的一个语法并没有太大的
                帮助。
        缩写 (ABBREV)
                与ACRONYM一样,在英文中也有许多缩写字HTML 3.0 也特别
                为这些缩写字取了一个新的标签,这一个新的标签叫做 
                <ABBREV>当然它也有一个结束的符号叫做 </ABBREV>。
         插入 (INS)
                在HTML文件中,如果在原本旧有的文件中插入某个字,那麽
                读者可以考虑使用 <INS> 与 </INS>来将这一些字给标记住。
                这样可以方便读者在查阅的时候知道这一份文件是不是有修
                正过。当然,这种语法也是 HTML 3.0 中新加入的语法。
         删除 (DEL)
                这一个语法是要来告诉读者将要删除某些字,或是一些关於
                删除的部分。这种,新的标签也是HTML3.0中出现的喔。


    3、与显示方式有关的TAG元素
       粗体      <B></B>
       斜体      <I></I>

       画底线    <U></U>                   (有些浏览器无此功能)
       删除线    <STRIKE></STRIKE>         (有些浏览器无此功能)

       删除线    <S></S>                   (有些浏览器无此功能)
       下标字    <SUB></SUB>
       上标字    <SUP></SUP>
       打字机体  <TT></TT>                 (空白字元与其他文元之宽度相同的字体)
       依据预定格式  <PRE></PRE>           (保持文字间的相对位置)
       预定格式的宽度 <PRE WIDTH=?></PRE>  (以字元计)
       对中         <CENTER></CENTER>      (文字与图形都会对中)
       闪烁          <BLINK></BLINK>
       字体大小      <FONT SIZE=?></FONT>  (由 1到 7)
       改变字体大小  <FONT SIZE="+|-?"></FONT>
       基本字体大小   <BASEFONT SIZE=?>     (默认值为 3)
       字体颜色       <FONT COLOR="#$$$$$$"></FONT>
       指定字形       <FONT FACE="***"></FONT>
       多栏位         <MULTICOL COLS=?></MULTICOL>
       栏位内文与边缘间隔 <MULTICOL GUTTER=?></MULTICOL> (默认值为10象素)
       栏位宽度       <MULTICOL  WIDTH=?></MULTICOL>
       留白           &