HTML 4.0 语法连结标签

 【WWW连结标签基本概念】

  连结基本概念:一般而言,所谓连结就是,在网页中有些字会有特别的颜色,而且字的底下会有条线,当游标移到那些字上时,会变成手指形状,按下去,则会连到别的文章或网站,就像这样(以上这段是给超级新手看的...)。

  扯到连结,最基本来看有‘内部连结’及‘外部连结’,所谓‘内部连结’就是自己网站间网页的连结,至于外部连结我们稍后再来讨论。

  要了解内部连结,首先必须先了解一下这两种东西,一个是‘相对路径’,一个是‘绝对路径’。

  现在假设一个情形:我们在自己的电脑里设计网页,所有网页相关的档案我们通通放在 c:www 里面,现在假设 c:www 里面目前有 index.htm 、 text1.htm 、 p1.gif 、 p2.gif 这四个档案。ok!

  现在我们想在 index.htm 里面设一个连结,能够按一下就连到 text1.htm,那我们该怎么做呢?基本上,有两中方式可以做到,在 index.htm 里面加上下面任一叙述:

  <a href="/c|/www/text1.htm">

  这就是‘绝对路径’

  <a href="text1.htm">

  这就是‘相对路径’

  瞧出什么端倪了没有?嗯嗯....没错,‘绝对路径’要给电脑一个非常详尽的位置,让电脑寻着这路径去找到档案。而‘相对路径’就简单多啦!如果没有特别指定,他就会直接在 index.htm 的所在目录下找,也就是在 c:www 底下去找text1.htm。

  如果说,今天我们将 c:www 里所有的档案都上传到网路上的网页伺服器(总不能做好了只给自己看吧!),且该伺服器是别人的电脑,而非你自己架设的主机,那么问题就来了!你猜,哪一种连结会出问题?呵呵...答案是‘绝对路径’,您猜对了吗?

  为什么说‘绝对路径’会出问题呢?因为,当您将档案上传到网路上时,您的整个网页目录架构一定会变,到时候,电脑可能找不到 c: (尤其是unix系列的主机)更可能找不到 www 这目录(有些会规定要放在特定的目录下才能显示网页),所以说,没事的话,尽量用‘相对路径’来作连结吧!好写又不容易出错。

  另外一个情形是:为了整理方便,有些网友喜欢将图档通通放到同一个目录下,如:c:wwwgif 底下放进了p1.gif 、 p2.gif两个图,而index.htm 、 text1.htm 依旧在 c:www 底下。现在我们想在 index.htm 下设个连结到 p1.gif 这图档(连结不限于只能连html档,图档、文字档均可),那我们又该如何来使用‘相对路径’呢?他们又不在‘同一个目录’下...?

  <a href="/c|/www/gif/p1.gif">

  这是‘绝对路径’的写法

  <a href="gif/p1.gif">

  这是‘相对路径’的写法

  如何?不难吧!(只是字有点多,看到脑子发胀)

  总整理:很乱吗?嗯...看看这表,或许会清楚些。

  相对路径表示方式

代表连结位置

  <a href="text1.htm">

  text1.htm在目前的目录中(就例子而言,就是在c:www中)

  <a href="docs/text1.htm">

  text1.htm在名为docs的次目录中(就本例而言,就是在c:wwwdocs中)

  <a href="../text1.htm">

  text1.htm在目前目录的上一层目录中(就本例而言,就是在c:底下了)

  【网页内部的连结】

  使用方法:

  先在欲连结处作记号:<a name="here1">这里是你想连结的点</a>

  设定连结:<a href="#here1">连结</a>

  标签解说:有时候,当某页的内容很多时,我们可以利用网页的内部连结,来使使用者快速的找到资料。其原理不过是:在欲连结处做个记号(网页的任何地方都可以喔!),然后,连结时就寻这记号,就可以快速找到资料。很简单吧!

  使用范例:

  范例

  第一步骤

  第二步骤

  www连结标签基本概念

  <a name="m1">欲连结的位置</a>

  <a href="#m1">www连结标签基本概念</a>

  网页内部的连结

  <a name="m2">欲连结的位置</a>

  <a href="#m2">网页内部的连结</a>

  网页外部的连结

  <a name="m3">欲连结的位置</a>

  <a href="#m3">网页外部的连结</a>

【网页外部的连结】

  标签解说:连结到外面去,可以扩充您网站的实用性及充实性,也正因这功能,才造就了www五彩缤纷的世界。由于网路上的服务五花八门,所以不同的服务有不同的连结方法,我将之整理在下表。

  使用范例:

  网站连结

  好站

  <a href="http://sunspot-design.com">好站</a>

  电子邮件连结

  写情书给我

  <a href="mailto:tad@ms1.url.com.tw">写情书给我</a>

  ftp连结

  下载档案

  <a href="ftp://ftp.ntu.edu.tw">下载档案</a>

  news连结

  seednet news服务

  <a href="news:news.seed.net.tw">seednet news服务</a>

gopher连结

  seednet gopher服务

  <a href="gopher://gopher.seed.net.tw/">seednet gopher服务</a>

  bbs连结

  seednet gopher服务

  <a href="telnet://bbs.seed.net.tw/">seednet bbs服务</a>

  【连结标签的参数】

  使用方法:在连结后面加入 target=_参数

  标签解说:连结的参数并不多,常见的大概就属 target 这参数了,target 的意思是‘目标’,也就是网页连结的指向目标,这参数在框窗(frame)里尤为重要!

  使用范例:

  target=框窗名称:

  这在‘框架标签’中也有提到,而且也只有在框架(框窗 or frame)中才用得到。正常而言,框窗有各自的名称,因此,我们可以利用此标签,来指定连结的内容显示到哪一个框窗中。

  target=_blank:

  将连结的画面内容,开在新的浏览视窗中。

  target=_parent:

  将连结的画面内容,当成文件的上一个画面。

  target=_self:

  将连结的画面内容,显示在目前的视窗中。

  target=_top:

  这个参数可以解决新连结的画面内容,被旧框窗包围的困扰,使用这参数,会将整个画面重新显示成连结的画面内容。

时间: 2024-12-31 12:26:12

HTML 4.0 语法连结标签的相关文章

HTML 4.0 语法框架标签

 [框架的基本概念] 首先,各位先看看右手边这张图,我将利用这张图来作解说,这样子,讲起来可能会清楚一点. OK!我们可以看见,右边的这个视窗,一共分为 1 . 2 . 3 三个框架,每一个框架,各有其显示的内容分别是a.htm.b.htm.c.htm三个档案.然而左下角的那个 index.htm 是做什么用的呢? 原来,左下角的这个档案 index.htm,就是要告诉电脑,我们要将画面分割成这样,也就是说,所有Frame的标签,其实都只摆在 index.htm 这个档案里.(当然,不是档名一定

HTML 4.0 语法影像标签

 [影像标签] 在使用影像标签时有两件事值得注意一下,一是档名,二是路径.首先要注意的就是,档名是否正确以及大小写是否一致!图档名称不正确,任电脑再厉害也找不到您要的图,档名大小写不一致,如Image.gif.image.gif.image.GIF在自己的电脑中看都能正确的显示,但是一但传到网路上去时,因为系统不一样的关系(电脑伺服器的作业系统可比个人用电脑的作业系统严谨多了)就变成三个不一样的档案了,所以,可别忽略档名大小写不一致的影响. 另外一个就是路径问题了,这个问题也不难,我们在稍后会提

HTML 4.0 语法背景标签

 [背景标签] 说穿了,背景标签只有<BODY>这个标签,其余的效果,只要加上一些简单的属性便可做到. 使用方法:<body bgcolor="#ffffff" background="bg.jpg"> 标签解说:这个标签其实应该老早就要讲了,毕竟它是构成网页不可或缺的基本要素之一(哎哎哎...现在放马后炮有什么用!).我们背景颜色或图片的设定以及连结字体的颜色,通通都放在<body>这标签里面.我就其属性来一一解说: <H

HTML 4.0 语法表格标签

 [网页中的表格观念] 举个例子来说,如果今天我们要做一个3栏2列的表格,在WORD中,只要设定表格为3栏.2列就完成了,不过,在网页中做一个3栏2列的表格,可是要分成好几个步骤的,第一个步骤,利用<TABLE></TABLE>标签告诉电脑我要做一个表格:第二个步骤,利用一组<TR></TR>标签先做一个横列,然后在横列中利用三组<TD></TD>标签再分出三栏:第三个步骤,重复第二个步骤,再做一横列然后再分三栏,如此才能得到一个3栏

HTML 4.0 语法序列标签

 [无序标签] 序列标签基本上可分为两种,一种是"无序条列",一种是"有序条列".所谓"无序条列"当然就是意指各条列间并无顺序关系,纯粹只是利用条列式方法来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔.至于"有序条列"就是指各条列之间是有顺序的,从1.2.3-一直延伸下去. 我们先来看看"无序列表标签"如何使用: 其中<UL>标签即为"无序列表标签",每增加一列

HTML 4.0 语法排版标签

  [文字置左.置中.置右] 使用方法:老实说,刚刚我们学过的分段标签<p>再加上一些简单的属性设定,就可以让其整个文字段落置左.置中或置右了,就如下表所示: 标签解说:嗯!秘诀就在于"align=对齐位置"而已啦!align是分段标签<p>的属性之一,这个属性将来会常常在不同标签中看到,它的功能是专门在设定"水平对齐位置",其常见的设定值有三个,也就是置左(align="left").置中(align="cen

HTML 4.0 语法字体标签

 [标题标签] 使用方法:<h1>标题内容</h1> 标签解说:标题的大小一共有六种,两个标签一组,也就是从<h1>到<h6>,<h1>最大,<h6>最小.使用标题标签时,该标签会将字体变成粗体字,并且会自成一行. 使用范例: [设定字体大小标签] 使用方法:<font size=3>文字内容</font> 标签解说:标题的大小一共有七种,也就是<font size=1>(最小)到<font

HTML 4.0 语法文字标签

 [文字字型设定] 使用方法:<font face="字型名称">文字</font> 标签解说:网页上也可以使用字型喔!唯一的一个限制是:对方也要有该字型!否则看到的仍然还是宋体.另外要说明的是,这个标签并无法保证在每个浏览器上都能正常的显现,不过这并没有关系,看不到特殊的字型时,浏览器仍会以宋体来显示,所以不用怕会一团乱! 另外,如果您的网页中有加上这一行叙述<meta http-equiv="content-type" conten

全面优化V4.0及AJAX标签使用技巧_科讯相关

众所周知.KesionCMS V4.0无论从功能上,还是从性能上都有了质的飞越.不再是以往版本1秒仅能生成1篇文章的系统了.但近期也发现有部分用户提到速度并没有多大提高.现在我大致给大家做个总结. 1.标签调用不合理    A.自定义静态标签(影响最大) 有些用户为了方便,大量使用了自定义静态标签.甚至将整个页面模板做成一个静态标签调用.更可怕的是在自定义静态标签里插入大量的系统函数标签,自定义SQL标签等. 经测试如果在自定义静态标签里插入系统函数标签和自定义sql标签,系统的生成速度将大打折