今天是:
设为首页 加入收藏
  首页  文章  下载  小说  幽默  IT  QQ家园  小店  FLASH  汽车  
您现在的位置: 星雨小站 >> 文章 >> 电脑技术 >> 网页制作 >> HTML >> 文章正文 用户登录 新用户注册
HTML教学---连接标记         ★★★★
HTML教学---连接标记
作者:未知 文章来源:网络收集 点击数: 更新时间:2005-1-5 21:03:16

 
■ 本节主要介绍的标记:

<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 参数相同。
例子容後再写,你可亲自尝试或到一些以框架制作的网页去体验一下

中搜索与
的相似内容
立刻搜索→

文章录入:admin    责任编辑:小雨 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口



    推荐文章[组图]无损硬盘数据调整…
    普通文章上线[问好,打招呼] QQ表…
    普通文章拜拜[再见,晚安,下线] …
    普通文章钱[钞票,大款] QQ表情
    普通文章[组图]应知应会的5个图…
    普通文章跟我学用“记事本”
    普通文章用好Windows自带的录音…
    普通文章来测试你的网速-比比看…
    推荐文章文件夹加密过程中因误操…
    推荐文章[组图]无损硬盘数据调整…
    推荐文章能够安装多个杀毒软件吗…
    推荐文章爱情专用系列 QQ表情
    推荐文章用画图工具给图片添加文…
    推荐文章老公增加零花钱的请示报…
    推荐文章QQ搞笑表情(二) QQ表情
    推荐文章悠嘻猴 QQ表情
    妙用IE学习HTML
    HTML转换为JS
    HTML教学---网页制作基…
    HTML教学---标记一览
    HTML教学---文件标记
    HTML教学---表单标记
    HTML教学--表格标记
    HTML教学--调色原理
    HTML教学---图形标记
    HTML教学---特殊字元
    HTML教学---清单标记
    HTML教学--框架标记
    HTML教学--排版标记
    HTML教学--字体标记
    HTML教学---其他标记

    糯米猪系列 QQ表情

    愚人节qq表情 QQ表情

    花脸猫系列 QQ表情

    uc表情系列 QQ表情
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    版权所有 Copyright© 2004-2005 星空联盟工作室 EMAIL:xingyu@xyu01.com
    给我发消息 给我发消息

    本站Alaxa全球网站排名 (点击查看)(安装Alexa工具条,查看各大网站全球排名)