HTML5技术

HTML 初学者指南(6)_HTML基础入门教程

字号+ 作者:H5之家 来源:H5之家 2015-09-23 10:00 我要评论( )

HTML 初学者指南(6),学习HTML 初学者指南(6),HTML 初学者指南(6),查看HTML 初学者指南(6),HTML简介,HTML语言的标记语法和文档结构,介绍常用标签(文字,图片,

逻辑风格Logical Styles

<DFN>

用于被定义的单词. 一般用斜体显示. (NCSA Mosaic is a World Wide Web browser.)

<EM>

用于强调. 通常用斜体显示. (Consultants cannot reset your password unless you call the help
line.)

<CITE>

用于书籍的标题, 等. 通常斜体显示. (A Beginner's Guide to HTML)

<CODE>

用于计算机编码. 用固定宽度字体显示. (The <stdio.h> header file)

<KBD>

用于用户键盘输入. 通常用无格式固定宽度字体显示. (Enter passwd to change your password.)

<SAMP>

用于字母序列. 用固定宽度字体显示. (Segmentation fault: Core dumped.)

<STRONG>

用于着重强调. 通常用粗体显示. (NOTE: Always check your links.)

<VAR>

用于变量, 你将用确定的信息代替这个变量. 通常用斜体显示. (rm filename deletes the file.)

物理风格标记

<B>

粗体文本

<I>

斜体文本

<TT>

打字机文本typewriter text, 如固定宽度文本.

转义序列Escape Sequences (a.k.a. Character Entities)

字符有两种功能:



转义特殊字符

显示普通 ASCII 字符集中不包含的字符 ( 带有可区别标记的基本字符)

有三个 ASCII 字符--左尖括号(<), 右尖括号 (>), 和ampersand (&)--在 HTML 中有特殊含义,因此不能按照原样用在文本中.
(尖括号用于指示 HTML 标记的开始和结束, ampersand 用于指示一个转义序列的开始.) 双引号可以原样使用,但是也可以使用字符实体(&quot;).




如果在 HTML 文档中使用上述三个字符, you must enter its escape sequence instead:



&lt;

< 的转义序列;

&gt;

> 的转义序列;

&amp;

& 的转义序列;

其它的转义序列支持重读字符, 如:



&ouml;

带元音变音的小写字母 o : *

&ntilde;

小写字母n 带 tilde: *

&Egrave;

大写字母 E 带低重音( grave accent): *

你可以用其它字母替代上面的 o, n, 和 E. 参考特殊字符清单.



注意: 转义序列是区分大小写的,这一点不同于 HTML 的其它部分。例如,你不能用 &LT; 代替 &lt;.



链接 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的超链,它和第一个文档在同一个目录下.



相对路径名和绝对路径名

你可以通过和当前文档的相对路径relative path指明链接到其它目录的文档. 例如, 到 AtlanticStatesa 子目录的文件
NYStats.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>



一般地, 你应该使用相对链接,因为:



移动一组文件到另一个位置会比较容易(因为相对路径名依然有效)

和服务器的连接更有效率

需要键入的信息更少

但是,如果指向的文档和当前文档没有直接联系,就需要绝对路径名. 例如, 考虑构成一个用户手册的一组文档. 这组文档内部的链接应该采用相对链接.
而到其它文档的链接 ( 可能指向一个相关的软件) 应该用绝对链接. 这样,当你把用户手册移到一个新目录下时,所有的链接都不必改变.


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评