您在: LoveApple -> 美丽人生 -> 学习资料 -> Office -> 作品正文
  HTML基础知识       ★★★
HTML基础知识
网页制作基础篇
【字体: 】     本站整理     LoveApple     2006-3-13 21:46:30     繁體



内容提要:
HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML 的格式非常简单,只是由文字及标记组合而成,於 编辑方面,任何文字编辑器都可以,只要能将档案另存成 ASCII 纯文字格式即可,当然 以专业的网页编辑软件为佳。

 

连接标记
  ■ 本节主要介绍的标记:

<A>
<BASE>
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。
亦请先明白围堵标记与空标记的分别请看 【HTML概念】。

■ <A> :
▲Top


<A> 称连结标记,由 <A> 与 </A> 所围的文字、图片等等可以成为一个连结。
<A> 的一般参数设定:

例如 <a href="index.html" name="hello" target="_top">

href="index.html"
这参数不能与另一参数 name 同时使用,使用这参数才能造成可按的连结。
当作为一外部连结时: href 所设定的是该连结所要连到的文件名称,若 该文件与此 html 档不是同在一目录请加上适当的路径,相对绝对皆可。相 对路径与绝对路径的分别、内部连结与外部连结的分别务必请看 Composer 教室的【连结进阶】。
当作为一内部连结时: href 所设定的是该连结所要连到的同文件内参考 点或指定文件之参考点,且不需要包围任何字画只需加上结束标示 </a>便 可以,例如 <a href="#there"></a> 、 <a href="index.html#there"></a> 及 <a href="http://www.school.net.hk/~chris55/index.html#there"></a> 其中 there 便 是参考点,并需於其前加上符号 # 以作识别,参考点由下一个参数 name 事先於文件中埋下。
name="hello"
这参数是为文件埋下参考点,作为被连结,不会被显示。所以说造成一个内部连 结需要使用两次 <A> 连结标记。一个使用参数 name 事先於文件中埋下一参考 点,另一个使用参数 href 连到这个参考点。
target="_top"
设定连结被按後之结果所要显示的视窗。可选值为: _blank, _parent, _self, _top, 框 窗名称。
target="框窗名称"
这只运用於框架中,若被设定则连结结果将显示於该“框窗名称”之框窗 中,框窗名称是事先由框架标记所命名。
target="_blank" 或 target="new"
将连结的画面内容,开在新的浏览视窗中。
target="_parent"
将连结的画面内容,当成文件的上一个画面。
target="_self"
将连结的画面内容,显示在目前的视窗中。(内定值)
target="_top"
将框架中连结的画面内容,显示在没有框架的视窗中。(即除去了框架)
例子一:(外部连结)

原始码
<a href="../promote/engines.html">四百五十个寻找引擎</a>
<p><a href="http://www.hkseek.com/icq";>
<img src="link_image.gif" width=99 height=44 border=1 alt="ICQ Garden"></a>
<p><a href="http://www.hkseek.com/icq";>
<img src="link_image.gif" width=99 height=44 border=0 alt="ICQ Garden"></a>  
显示结果 四百五十个寻找引擎

例子二(内部连结):请到 PenPal Garden 的 FAQ Page 刻体验一下何为内部连结。

原始码 <a name="test"></a>
<a href="#test">本页的内部连结</a>
<br><a href="http://www.school.net.hk/~chi/faq.html#14">跳到 PenPal Garden 的 FAQ 部分</a>  
显示结果
本页的内部连结
跳到 PenPal Garden 的 FAQ 部分


■ <BASE> :
▲Top


<BASE> 是一个连结基准标记,用以改变文件中所有连结标记的参数内定值。它只能应用 於文件的开头部分,即标记 <HEAD> 与 </HEAD> 之间。
<BASE> 的一般参数设定:

例如 <base href="http://www.microsoft.com/"; target="_top">

href="http://www.microsoft.com/";
设定该页网页中所有 HTTP 文件及图形(包括相对路径连结及 <IMG> 图形标记 等)的内定路径,其他如 ftp:// 及 gopher:// 等则不受影响。这参数只可填入一个相 对或绝对的路径,不必填入档案名称。一般相对路径连结及 <IMG> 图形标记等是 内定以该页网页所在的目录作为起点,若依这例子,该文件中所有连结将会以 http://www.microsoft.com/ 作为起点,若其中有连结如 <a href="index.html">Back to Main Page</a> ,那末它不会连到自已目录下的 index.html,它将会连到 Microsoft 的 首页,这是因为相对路径己给 <BASE> 转成绝对的了。
target="_top"
设定该页网页中所有连结被按後之结果所要显示的视窗,免得分别为所有连结加 上 target 参数,常应用於框架中。其设定与 <A> 连结标记中 target 参数相同。
例子容後再写,你可亲自尝试或到一些以框架制作的网页去体验一下

 

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  ... 下一页  >> 

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
  • 上一篇作品:

  • 下一篇作品:
  • 相 关 文 章
    没有相关作品
    专 题 栏 目
    最 新 热 门
    普通作品 我们的爱,原来只是敲错了
    普通作品 今生今世,陪着你慢慢走过
    推荐作品 失去后才懂得:没有爱情在
    推荐作品 穿过第三个红绿灯我们就牵
    推荐作品 保持家庭幸福的十个秘诀
    普通作品 真爱无言,一场让他辗转反
    推荐作品 我愿意做另一个用生命保护
    推荐作品 SCO UNIX Vi 命令
    普通作品 SCO UNIX SHELL 命令
    推荐作品 SCO UNIX 目录文件操作命令
    最 新 推 荐
    推荐作品 她已经放弃天堂 你相信有天
    推荐作品 失去后才懂得:没有爱情在
    推荐作品 穿过第三个红绿灯我们就牵
    推荐作品 保持家庭幸福的十个秘诀
    推荐作品 我愿意做另一个用生命保护
    推荐作品 SCO UNIX Vi 命令
    推荐作品 SCO UNIX 目录文件操作命令
    推荐作品 禅说爱情
    推荐作品 当爱情遭遇婚姻为何会搁浅
    推荐作品 再婚使我获得幸福
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    LoveApple Club版权与免责声明:
    一、凡本网注明“LoveApple”的所有作品,版权均属于LoveApple,未经本网授权不得转载、摘编或利用其它方式使用上述作品。已经本网授权使用作品的,应在授权范围内使用,并注明“来源:LoveApple”。违反上述声明者,本网将追究其相关法律责任。
    二、凡本网注明“来源:XXX(非LoveApple)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
    三、如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。要同本网联系的,请在30日内进行。
    ※联系方式:网站管理员 QQ:489567068 MSN:wangge9#msn.com  E-mail: wangge9#gmail.com(发信时请把#换成@)
    设为首页 | 加入收藏 | 友情链接 | 使用条款 | 隐私政策 | 网站地图 | 关于我们 | 帮助中心 | 搜索中心 | 联系我们 | 网站公告
    浙ICP备05080468号