HTML学习指南5

小凡

HTML学习指南5

   这一课的第一部份其实并不怎麽进阶，只不过是一些不知道应该放在其他    什麽地方的琐碎功能罢了：区块文字、数学、与表格。然後我们再来学习    如何在文件中安插外部档案与图形，最後为 HTML+ 新的「表单」(forms)    功能打打广告。      _________________________________________________________________

区块文字
   所谓「区块文字」(block text) 就是一块与上下文字有所分隔的文字。    有两种标签可以做到这种效果：      * <address>...</address> 的用途在把地址括起来。某些阅览器中它还会        造成字体的改变。不过即使是在 <address> 的内涵中，断行还是不管用，        所以你应该在需要断行的地方使用上一课的 <br> 标签指定：     单中杰     台北市 112     石牌路二段 315 巷 34 弄 4 号 2F     Taiwan, R.O.C.      * <blockquote>...</blockquote> 通常是在引用名言锦句的时候使用。        同样的，若有超过一行的名言锦句，你也必须使用 <br> 隔开：
     发，眯发搜眯，发发西兜兜啦。      发，眯发搜眯，发发西兜兜？      发发眯蕤蕤西兜兜兮兮拉，      眯蕤——西——发……      发搜西拉搜发拉蕤，蕤发眯都拉，发发发蕤；      发搜西拉搜发都蕤，蕤发眯都拉，发发发眯。      ——戴凯序、单中杰 (1995) 《这本书的书名不是省市长选举》
   这个标签的名字，在 HTML+ 中将会改成 <quote>。

数学与表格
   目前 HTML 没有任何为表格或数学设计的标签，所以你不能像在 TeX 或 LaTeX    （译注：TeX 与 LaTeX 都是很擅长处理数学式子的排版系统）里面一样，直接    把数学式子打成 HTML 的文件。HTML+ 中才可能增加有关数学或表格的定义。    不过在大家都用 HTML 的今天，还是有些简单的解决方法：                 ┌——————┐                 │n       1   │      * 若要打像 │∑  x = ∫ f│这样的简单数学式，可以先用 LaTeX 打好，                 │i=1  i  0   │                 └——————┘        然後再使用 Leeds 大学的 Nikos Drakos 先生写的 latex2html 程式，        把 LaTeX 排版产生的 .dvi 档转成 HTML。      * 至於表格，建议你直接用非调和字形把它打好，然後夹在 <listing>...        </listing> 标签中间。      _________________________________________________________________

插入外部档案
   有两种方法可以把其他档案插在你的文件中。<img> 标签可用来插入图形，    而 <inc> 则用来插入文字。值得一提的是，<inc> 并不属於原始 HTML 规格    的一部份，而是新增加的功能。
  插入图形
   你可以在文件中任何地方加入美丽的图形，只要用 <img src="..."> 标签即可。    这是一个空标签，後面不需跟著终标签。你应该在双引号之间放进你要插入的    图形档的 URL 地址。这个图形档必须是以下格式之一：      * GIF, 一种普遍使用且具可携性的图形格式（不是欧洲流行的软体名称）      * JPEG, 另一种压缩效能较高的格式（也不是欧洲流行的软体名称）      * PS, 就是 PostScript 档啦！      * 可能还有其他陆续加入。
   （译注：建议大家使用 GIF，因其整合性较高。）例如以上图形（译注：我用    Lynx 所以看不到图）的原始码是

<img src="quad2.gif" align="top" alt="">
   首先，align="..." 属性可以设成 top, bottom 或 middle。这是用来指定    图形的哪一部份要与旁边的文字对齐。内定是 bottom，也就是图形下端与文字的    下端对齐。不论如何，文字的位置都不会移动；移动的是图形位置。
   若你可怜的使用者用的是文字模式阅览器的话，当然就看不到你精心制作的    图形了。这时一般的阅览器会显示一个 [IMAGE] 来告诉使用者，这里有个你    看不到的图形，因为你没有钱，哈哈。这个 [IMAGE] 符号是可以改变的，    你只要用 alt="..." 属性设定就可以了。也就是说，一个文字模式的阅览器    看到 <img> 标签的时候不会去抓图，而是直接显示该 <img> 标签的 alt    属性内容。当然，你也可以像上面一样，设定 alt="" 也就是文字模式下    根本不显示任何东西。
   当你决定在文件中插入图形时，要小心行事，因为有很多使用者的通讯线    速率并不高，他们看到你乱放一些无聊而不必要的大张图片的话，会很生气。
   如果你在 <img> 标签中加上一个 ISMAP 属性的话，某些阅览器就可以传回    使用者用滑鼠在上面按的座标，你的 WWW 伺服器也可以依照座标行事。    不过这还需要伺服器方面的更高阶设定。
  其他非文字档案的插入
   文件中不只可以插入静态图片。你也可以加上 MPEG 动画或声音，方法也是    <img src="...">，不过其中指定的档名是不同型态罢了。这样 WWW 就成为    一个多媒体系统了。
   当你决定在文件中插入动画时，要小心行事，因为有很多使用者的通讯线    速率并不高，他们看到你乱放一些无聊而不必要的长串动画的话，会非常生气。
   当你决定在文件中插入声音时，要小心行事，因为有很多使用者的通讯线    速率并不高，他们看到你乱放一些无聊而不必要的奇异音效的话，会极端生气。
  插入文字档
   有些系统（例如 Mosaic 以及 NCSA 的 WWW 伺服器）允许你在文件中插入    其它的文字档。这不是古代 HTML 的一部份，不过 HTML+ 中大概会加入。
   这样安插档案的方法，请使用 <inc srv "..."> 标签（也是个空标签），    在引号之间给出你要安插档案的名称（注意，不是 URL）。这档案名称的给    法，应该是以该伺服器的公众根目录为起点的绝对路径名。这档案就会被当    作 HTML 格式而排版。若这档案是纯文字档的话，你应该把 <inc...> 标签    夹在第二课提到的某种非调和字标签之间。这里就是一个我用此法引用的档    案：

An SGML document type definition (DTD) is like the description
of a grammar for a programming language.  For example, if you
are working with poetry, you might define:
   an <anthology> is one or more <poems>
   a <poem> is a <title> followed by one or more <stanzas>
   a <stanza> is one or more lines
   a <line> is a character string
   a <title> is a character string

Documents are marked up in accordance with the grammar defined
in the DTD.
   警告：这种直接插入档案的用法并不是标准语法（注意到在 srv 与要插入的    档案名称之间没有等号隔开）。这种用法也要 NCSA 的 WWW 伺服器才能支援。    （译注：所以大家不要用。那麽我翻译上面这段干什麽？我不知道。）