| 作者:未知 来源:网上收集 发布时间:2007-3-23 15:58:44 浏览次数: 0732316511646179 |
|
逻辑风格Logical Styles 转义特殊字符 如果在 HTML 文档中使用上述三个字符, you must enter its escape sequence instead: < ö 注意: 转义序列是区分大小写的,这一点不同于 HTML 的其它部分。例如,你不能用 < 代替 <. 链接 Linking HTML 的单个与超文本链接有关的标记为 <A>, 表示 anchor. 在文档中包含 anchor: 用 <A 开始一个 anchor ( A 后面要留一个空白) <A HREF="MaineStats.html">Maine</A> 上面的例子中,单词 Maine 被作为指向文档 MaineStats.html的超链,它和第一个文档在同一个目录下. 相对路径名和绝对路径名 <A HREF="AtlanticStates/NYStats.html">New York</A> 它们之所以被称为 相对路径链接 是因为你指定到连接文件的路径是相对于当前文件的位置而言的. 你也可以使用文件的绝对路径 (完整的 URL), 但是相对路径在访问一个服务器时效率更高. 路径名使用标准 UNIX 格式. 在 UNIX 格式中,父目录(包含当前目录的目录) 表示为 "..". (更详尽的信息请参考 UNIX 入门参考手册如 Learning the UNIX Operating System from O'Reilly and Associates, Inc.) 假设你在 NYStats.html 文件中,想要参考原始文档 US.html, 你的链接如下: <A HREF="../US.html">United States</A> 一般地, 你应该使用相对链接,因为: 移动一组文件到另一个位置会比较容易(因为相对路径名依然有效) URLs scheme://host.domain [:port]/path/ filename 其中 scheme 是以下的一个 file 例如,在你的文档中链接本指南: <A HREF="http://www.ncsa.uiUC.edu/General/Internet/WWW/HTMLPrimer.html"> 它将文本 NCSA's Beginner's Guide to HTML 标记为一个超链,连到当前文档中 . 到指定部分的链接 本指南是在同一篇文档中使用命名锚链的很好的例子. 它作成一篇文档以便于打印. 但是当你只是想了解关于HTML 的一部分信息时,在这样一篇(长)文档中浏览是比较费时的. 内部的超链用于在文档开始创建一个"内容索引table of contents". 这些超链使你可以从文档中的一个位置移到另一个位置。(到本文的顶端点击内容索引中 到指定部分的链接. 你就会返回这里.) 你还可以链接到另一篇文档中的指定部分. 首先提这一点是因为这会有助于帮助你理解一篇文档内部的链接. 不同文档中指定部分之间的链接 输入HTML编码指向一个命名链接: documentA.html: In addition to the many state parks, Maine is also home to 井号(#)后面的字符串可以看作文件MaineStats.html 中的一个标签. 这个标签说明了当该链接被激活时浏览器从什么地方开始显示. 在上例中,显示的第一行将是 Acadia National Park heading. 第二步, 在MaineStats.html中创建 命名锚链 (本例中为 "ANP") <H2><A NAME="ANP">Acadia National Park</a></H2> 这些元素都作好以后,你就可以让读者直接找到MaineStats.html中Acadia 的参考信息了. 注意: 要想链接到另一篇文档中的指定位置,你需要对那篇文档具有写权限,或者那篇文档中已经含有文档内部的命名锚链. 例如,你可以在你所写的文档中包含指向本指南的锚链,因为本文中已经含有命名锚链 (使用浏览器中的 View Source 看一看编码). 但是如果本文档 没有命名锚链, 你就不能制作到特定位置的链接,因为你不能编辑NCSA服务器中的原始文件. 指向当前文档内指定部分的链接 例如, 要从 MaineStats中链接到 ANP : ...More information about <A HREF="#ANP">Acadia National Park</a> 注意确保你的文档中在链接指向的部分包含 <A NAME=> 标记(<H2><A NAME="ANP">Acadia National Park</a></H2>). 当你认为读者可能需要打印全部文档,或者在一个文件中有很多短信息需要在线说明的情况下非常有用. 邮件发送Mailto <A HREF="mailto:emailinfo@host">Name</a> 例如, 输入: <A HREF="mailto:pubs@ncsa.uiuc.edu">NCSA Publications Group</a> 可以创建一个已经配置好的发往 BUPT Publications Group的邮件窗口. (你当然应该换用另一个地址!) 嵌入行中的图象 包含一个嵌入行中的图象, 输入: <IMG SRC=图象名> 其中 图象名 是图象文件的URL . <IMG SRC> URLs 的语法格式和锚链HREF使用的格式相同. 如果图象文件是GIF 文件, 则图象名中的文件名部分必须以.gif结束. X 位图格式的文件必须以.xbm结尾; JPEG 图象文件必须以.jpg或 .jpeg结束; Portable Network Graphic 文件必须以.png结束. 图象大小属性 例如, 要在文件中包含一幅自己的肖像, 输入: <IMG src="/Files/photo/2007-3/23/0732315584429039.gif" HEIGHT=100 WIDTH=65> 注意: 当图象大小与属性描述大小不一致时,有些浏览器使用 HEIGHT 和 WIDTH属性来扩大或缩小一幅图象以使它适用于分配的空间. 并非所有的浏览器开发者都赞同放大/缩小图象. 因此,在安排时不要假设你的读者都可以使用这种特性. 最好查看一下图象大小,使用正确的尺寸. 图象定位 使图象和文本在同一行 这段文本与图象的顶端在同一行(<IMG SRC = "BarHotlist.gif" ALIGN=TOP>). 注意只有一行文本如此,其他行跳到图象的底部显示. 这一行文本显示在图象中间(<IMG SRC = "BarHotlist.gif" ALIGN=CENTER>). 同样,只有一行显示在中间,其他行在图象的下面. 不带文本的图象 <p ALIGN=CENTER> 结果为: 图象显示在中间; 本段从它下面靠左开始. 图象的替换文本 ALT 属性使你可以指定一段可以替代图象来显示的文本. 例如: <IMG src="/Files/photo/2007-3/23/0732315584444801.gif" ALT="Up"> 其中 UpArrow.gif 是一个向上的箭头.在具有图象显示功能并且图象下载打开的浏览器中,你可以看到一个上箭头的图形。在VT100 浏览器中或者图象下载关闭的情况下, 你的窗口中将显示 Up 这个单词. 你应该对出现在你的文档中的每个图象都使用一个替换文本, 这是一种对读者的礼貌. 背景图象 背景图象可以是一个物体的组织 (例如亚麻布纸张)或图象 (可能是一个徽标). 你可以象生成其他任何图象一样来生成背景图象。 不过你只需要制作一个很小的图象. 浏览器会使用一种称之为“盖瓦”tiling的特性重复显示这个图象,填满整个浏览器窗口。简单地说,你只要生成一幅图象,浏览器会自动重复多次,直到填满你的窗口。当你使用下面说明的标记时,这个动作会自动执行. 包含背景图象的标记包含在 <BODY> 标记描述中作为一个属性: <BODY BACKGROUND="filename.gif"> 背景颜色 对于这种改变一定要预先看一看,是否还易于阅读. (例如, 不少人用黑底红字,非常难以阅读!) 使用<BODY>标记的多种属性,你可以改变文本,链接,看过的链接和活动链接的颜色. 例如, 输入: <BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC"> 将创建一个窗口,背景为黑色 (BGCOLOR), 文本为白色 (TEXT), 超链为银色 (LINK). 六位的数字和字母的组合代表颜色,它给出某种颜色的 RGB (红red, 绿green, 蓝blue)的值. 这个六位数字实际上是三个顺序排列的两位数, 代表从00到FF的红,绿,蓝比重的十六进制值。例如, 000000 表示黑色(没有任何颜色), FF0000 是亮红, FFFFFF 是白色 (所有三种颜色全部饱和). 这些数字和字母的组合的含义是模糊的. 幸运的是有一个在线资源可以帮助你了解各种组合与颜色的对应关系: ColorPro Web server 要包含一个外部图象的链接, 输入: <A HREF="MyImage.gif">link anchor</A> 你也可以用一个小的图象作为到大图象的链接. 输入: <A HREF="LargerImage.gif"><IMG src="/Files/photo/2007-3/23/0732315584441469.gif"></A> 读者看到图象 SmallImage.gif ,点击它就可以打开文件 LargerImage.gif . 使用同样的语法链接外部动画和声音. 唯一的不同在于链接文件的扩展名. 例如, <A HREF="AdamsRib.mov">link anchor</A> 指明一个到QuickTime 电影的链接. 一些通常的文件类型和其扩展名为: 文件类型 扩展名 记住你假设的读者和他们使用的软件. 例如,多数UNIX 工作站不能播放QuickTime 电影. 表格Tables 根据下面的编码解释考虑你的表格式信息. 一个表格得有一些表头,用于说明每行/列包含什么内容,行rows表示信息, 单元cells表示每个项. 在下面的表格中, 第一列包含表头信息, 每行说明一个 HTML 表格标记, 每个单元含有一对标记或者对标记功能的解释. 表格元素
<TABLE> <== 表格定义的开始 <TR> <== 第一行定义的开始 非表格式信息使用的表格 使用带有图象边界的表格也可以得到很好的显示效果. 不妨试一试,看看自己喜欢哪种风格. 填充 Form (Fill-out Forms) 这种输入数据的处理工作通常是由script(描述式语言:译者注)描述函数或者用 Perl 或其他处理文本,文件和信息的语言编写的程序来完成的. 如果你写不出能够处理输入数据的程序或script函数, 你就得找其他人替你完成. Form 本身倒是比较简单. 它们也使用 HTML 标记来生成. 可能不同的地方在于接受并处理递交数据的程序或script描述函数. 由于需要说明专门的处理输入信息的script描述函数, 在本指南中不讨论 填充forms. 疑难解答 <B>This is an example of <DFN>overlapping</B> HTML tags.</DFN> overlapping 这个单词被同时包含在 <B> 和 <DFN> 两个标记中. 浏览器在这种情况下会无所适从,因而你可能得不到预期的效果. 通常情况下应该避免标记重叠. 检查你的标记,让它们成对出现. 成对使用的标记(显然,结束标记可以省略的元素除外, 如段落标记) 中间不应该被打断. 再看看上面的例子. 在中间的标记(DFN)尚未结束前,你不能使粗体标记<B>结束. 在你把文件放入服务器中之前,应该先检查以下是否含有类似上述情况的错误. 只嵌入锚链和字符标记mbed Only Anchors and Character Tags <H1><A HREF="Destination.html">My heading</A></H1> 不要 在一个锚链中嵌入 HTML 标记: <A HREF="Destination.html"> 尽管当前的多数浏览器能够处理第二个例子, HTML 的正式说明是不支持这种结构的,你的文件也许在将来的浏览器中将发生问题. 记住,一个浏览器显示不正确编码的文件是可以被原谅的. 但是这种宽容可能不会延续到该软件的下一个版本!当发生疑问时, 就根据 HTML 说明的规定来书写 (参见下面的 其它信息 ). 字符标记可以用在其它元素中改变文本显示模式: <UL> 避免嵌入其它类型的 HTML 元素标记. 例如, 你可能想在一个列表中嵌入标题字体以增大一些字符的显示: <UL> 尽管有些浏览器可以很好地显示这种编码, 这种格式将来是否有效是很难说的,因为它是未定义的 . 为了保证对所有浏览器兼容, 你应该避免使用这种结构. (Netscape 支持一种 <FONT> 标记, 用于指定某个字符在浏览器中显示的大小, 也不是当前官方 HTML 说明中的定义.) 在 <LI> 标记中插入 <B> 标记与在 <LI> 标记中插入 <H1> 标记有什么不同呢? 在訦TML 语义说明中 <H1> 的含义是一个文档中主标题字体的开始,它后面应该跟当前文档的内容. 因此在一个列表中出现 <H1> 时是没有含义的. 字符格式标记通常也不可以附加. 例如, 你可能想这样写: <B><I>some text</I></B> 期望得到一种加粗的斜体文本. 有些浏览器确实可以; 另外一些浏览器则只解释最内层的标记. 最后的步骤 你可以通过 HTML 有效性服务来验证你的文件是否符合目前普遍接受的 HTML 的标准. 如果你不知道你的文档是否符合 HTML 说明, 这个服务是一个有用的教学工具. 这个服务允许你选择一个校验的级别(如, 严格校验strict, 二级校验level 2, 三级校验level 3).如果你想使用一些非标准的格式,这种自由是很有用的. 替代图像 更新你的文件 当文件含有诸如每周计划或事件的最后期限这一类信息时,更新是非常重要的. 删除过时的文件或注明为什么有些过期的信息依然在服务器中 (例如, 某个事件在下一轮中的要求和当前内容是相同的,所以该文件过一段时间后仍有参考价值). 浏览器的区别 你可能花费了很多时间是你的文件在你当前使用的浏览器上“看上去非常漂亮”. 如果你用另一个浏览器察看你的文件, 它很可能看起来不太一样,甚至很不相同. 因此请记住这个建议:使用正确的 HTML 来书写你的文件. 把解释工作留给浏览器,争取得到最好的效果. 注释你的文件 一般的注释包括更新文件的作者姓名, 生成一个文件所使用的软件和其版本, 或者一些较小的改动信息等. 加入一段注释的格式为: <!-- 注释内容 --> 你必须包含叹号和连字符. 其他信息 |
| [返回上一页] [打 印] |
|
上一篇文章:HTML 初学者指南(上) | 下一篇文章:表格边框魔鬼教程 |