超文本的含义

Posted in: Html article- Feb 10, 2012 No Comments

超文本的意义: 标记语言的真正威力在于其收集能力,它可以将收集来的文档组合成一个完整的信息库,并且可以将文档库与世界上的其他文档集合链接起来。 这样的话,读者不仅可以完全控制文档在屏幕上的显示,还可以通过超链接来控制浏览信息的顺序。这就是 HTML 和 XHTML 中的 “HT” – 超文本(hypertext),就是它将整个 Web 网络连接起来。 超文本相关知识: 超文本的基本特征就是可以超链接文档;你可以指向其他位置,该位置可以在当前的文档中、局域网中的其他文档,也可以在因特网上的任何位置的文档中。这些文档组成了一个杂乱的信息网。目标文档通常与其来源有某些关联,并且丰富了来源;来源中的链接元素则将这种关系传递给浏览者。 超链接可以用于各种效果。超链接可以用在目录和主题列表中。浏览者可以在浏览器屏幕上单击鼠标或在键盘上按下按键,从而选择并自动跳转到文档中自己感兴趣的那个主题,或跳转到世界上某处完全不同的集合中的某个文档。 超链接还可以向浏览者指出有关文档中某个主题的更多信息。例如,“如果你想了解更详细的信息,请参阅某某页面。”。作者可以使用超链接来减少重复信息。例如,我们建议创作者在每个文档中都签署上自己的姓名。这样就可以使用一个将名字和另一个包含地址、电话号码等信息的单独文档链接起来的超链接,而不必在每个文档中都包含完整的联系信息。 超链接(hyper text),或者按照标准叫法称为锚(anchor),是使用 <a> 标签标记的,可以用两种方式表示。锚的一种类型是在文档中创建一个热点,当用户激活或选中(通常是使用鼠标)这个热点时,会导致浏览器进行链接。浏览器会自动加载并显示同一文档或其他文档中的某个部分,或触发某些与因特网服务相关的操作,例如发送电子邮件或下载特殊文件等。锚的另一种类型会在文档中创建一个标记,该标记可以被超链接引用。 还有一些与超链接相关联的鼠标相关事件。这些事件与 JavaScript 结合使用可以产生一些令人激动的效果。 锚的补充: 锚的这两种类型都使用同样的标签;也许这就是它们拥有同样的名称的原因。但是我们发现,如果将它们区分开,把提供热点和超链接地址的锚看作“链接”,而用于标记文档的目标部分的锚称为“锚”,那么您将更容易理解这两种类型的锚。

HTML入门教程 (第十节)

Posted in: Html article- Jan 26, 2012 No Comments

HTML入门知识的相关补充—— A. 避免标记重叠 请看这个 HTML 例子: <b>This is an example of <dfn>overlapping</b> HTML tags.</dfn> overlapping 这个单词被同时包含在 <B> 和 <DFN> 两个标记中. 浏览器在这种情况下会无所适从,因而你可能得不到预期的效果. 通常情况下应该避免标记重叠. 检查你的标记,让它们成对出现. 成对使用的标记(显然,结束标记可以省略的元素除外, 如段落标记) 中间不应该被打断. 再看看上面的例子. 在中间的标记(DFN)尚未结束前,你不能使粗体标记<B>结束. 在你把文件放入服务器中之前,应该先检查以下是否含有类似上述情况的错误. B. 只嵌入锚链和字符标记 HTML 协议允许你在其他 HTML 标记中嵌入超链: <h1><a href="Destination.html">My heading</a></h1> 不要在一个锚链中嵌入 HTML 标记: <a href="Destination.html"> <h1>My heading</h1> </a> 尽管当前的多数浏览器能够处理第二个例子, 但是HTML 的正式说明是不支持这种结构的,你的文件也许在将来的浏览器中将发生问题. 记住,一个浏览器显示不正确编码的文件是可以被原谅的. 但是这种宽容可能不会延续到该软件的下一个版本! C. 字符标记可以用在其它元素中来改变文本显示模式 例如—— <ul> [...]

HTML入门教程 (第九节)

Posted in: Html article- Jan 25, 2012 No Comments

HTML相关标记(六)—— R. Tables 表格 在 HTML 制定表格标记之前, HTML 作者不得不在<PRE> 标记中仔细安排他们的表格式的信息,计算空格的个数,预览输出效果。表格不仅对描述表格式信息十分有用,对于那些经常性的 HTML 作者来说,它可以使他们可以方便地完成大量的 Web 页. 一个表格包括了表头,用于说明每行/列包含什么内容;行rows表示信息; 单元cells表示每个表格项. 表格元素 元素描述—— <TABLE> … </TABLE>  定义一个表格。 如果使用了 BORDER 属性, 浏览器显示一个带边界的表格. <CAPTION> … </CAPTION>  定义表格标题的caption . 标题的缺省位置在表格的顶部. 属性 ALIGN=BOTTOM可以用于指定标题显示在表格底部 注:caption标记内可以使用任意其他标记. <TR> … </TR> 说明表格中的一行. 你可以定义整个行的缺省属性: ALIGN (LEFT, CENTER, RIGHT) 和/或 VALIGN (TOP, MIDDLE, BOTTOM). 详细内容参考本表格末尾的"表格属性"部分. <TH> … </TH> 定义一个表格头单元. 缺省状态该单元的文本为粗体居中. [...]

HTML入门教程 (第八节)

Posted in: Html article- Jan 24, 2012 No Comments

HTML相关标记(五)—— J. 嵌入行内图像 多数 Web 浏览器可以显示嵌入行内图像(即和文本想邻的图象):GIF, 或 JPEG 格式的图象 .不过,每个图象都花费处理时间并降低文档显示的速度,因此,我们要仔细选择你的文档中的图象以及图象的个数. 嵌入一个行内图像的方法是: <img src=图象名> alt="forward" height=”32“ width=”32“> 其中图象名是图象文件的URL . <IMG SRC> URLs 的语法格式和锚链HREF使用的格式相同. 如果图象文件是GIF 文件, 则图象名中的文件名部分必须以.gif结束. X 位图格式的文件必须以.xbm结尾; JPEG 图象文件必须以.jpg或 .jpeg结束; Portable Network Graphic 文件必须以.png结束. K. 图象大小属性 在<IMG> 标记中你应该包含其它两个属性,用于通知浏览器正在和文本一起下载的图象的大小. HEIGHT 和 WIDTH 属性使浏览器在下载文件其它部分的时候为图象留出适当的空间(象素). (从你的图象处理软件如Adobe Photoshop中可以得到象素大小.) 例如, 要在文件中包含一幅自己的肖像, 输入: <img src=SelfPortrait.gif height=”100“ width=“65”> alt="forward" height=“32“ width=”32“> ” [...]

HTML入门教程 (第七节)

Posted in: Html article- Jan 23, 2012 No Comments

HTML相关标记(四)—— H. Linking 链接 HTML 的主要长处在于它能够链接文本和/或图象到另一个文档或者文档的一部分中. 浏览器用颜色和/或下划线突出指定的文本或图象,以说明它是一个超文本链接hypertext link (通常简写为 hyperlink 或 link). HTML 的单个与超文本链接有关的标记为 <A>, 表示 anchor. 在文档中包含 anchor的形式为: 用 <A 开始一个 anchor ( A 后面要留一个空白) 指明你要连接的文档:HREF="filename" ,后面个跟一个右尖括号 (>) 输入在当前文档中作为超链文本的部分 输入 anchor 结束标记: </A> ( anchor 结束标记之前不需空白 ) 以下是一个含有超文本链接到 US.html 的例子: <a href="MaineStats.html">Maine</a> 上面的例子中,单词 Maine 被作为指向文档 MaineStats.html的超链,它和第一个文档在同一个目录下. I. 相对路径名和绝对路径名 你可以通过和当前文档的相对路径relative path指明链接到其它目录的文档. 例如, 到 AtlanticStatesa 子目录的文件 [...]

HTML入门教程 (第六节)

Posted in: Html article- Jan 22, 2012 No Comments

HTML相关标记(三)—— E.字符格式 HTML 有针对单个字符或句子的两种风格: 逻辑风格和物理风格logical and physical. 逻辑风格Logical styles 根据文本的内容进行标记, 而物理风格 physical styles 指明一个部分的显示效果. 例如, 在前面的句子中, "logical styles" 这个单词标记为一个 "定义definition." 同样的效果 (斜体) 可以通过其他的标记告诉你的浏览器 "把这些字变成斜体" 来实现。 注意: 有些浏览器对 <DFN> 标记不做任何风格解释, 因此你可能没有发现前面段落中的单词显示成斜体。 F.Logical Versus Physical Styles 逻辑风格和物理风格 如果物理风格和逻辑风格能够产生相同的效果, 为什么不合二为一呢? 在理想的 SGML 概念中, 内容和它的显示是分开的. 因此 SGML 标记一个一级标题字体为一级标题字体, 但是并不指明一级标题字体应该显示多大, 例如, 24点粗体 加倍集中24-point bold Times centered. 这种处理的好处(类似于很多字处理软件的 style sheets ) [...]