转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
HTML 初学者指南(6)         ★★★★

HTML 初学者指南(6)

作者:闵涛 文章来源:闵涛的学习笔记 点击数:588 更新时间:2009/4/23 11:13:32
  逻辑风格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>

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

移动一组文件到另一个位置会比较容易(因为相对路径名依然有效)
和服务器的连接更有效率
需要键入的信息更少
但是,如果指向的文档和当前文档没有直接联系,就需要绝对路径名. 例如, 考虑构成一个用户手册的一组文档. 这组文档内部的链接应该采用相对链接. 而到其它文档的链接 ( 可能指向一个相关的软件) 应该用绝对链接. 这样,当你把用户手册移到一个新目录下时,所有的链接都不必改变.


[Web开发]IIS下下伪静态html(URL Rewrite)设置方法  [网页制作]什么是XHTML、为什么要使用XHTML
[Web开发]XML与HTML在语法上的主要区别详解  [常用软件]网页版权保护专家 HTML Guard
[VB.NET程序]压缩 Html  [网页制作]浅淡PHP生成HTML的思路
[网页制作]HTML 标签是否匹配检测代码  [网页制作]将 html 转成 ubb代码的小脚本
[网页制作]WEB高手培训班之HTML篇  [网页制作]HTML Form issue
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台