Html教程(六)-链接标志

2016-02-19 22:24 8 1 收藏

下面,图老师小编带您去了解一下Html教程(六)-链接标志,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

教程六的内容不是很多,而且很简单。链接是Html语言的一大特色,正因为有了它,我们对内容的浏览才能够具有灵活性和网络性。

1.a href=""/a
本标志对的属性href是无论如何不可缺少的,标志对之间加入需要链接的文本或图像(链接图像即加入img src=""标志)。href的值可以是URL形式,即网址或相对路径,也可以是mailto:形式,即发送E-Mail形式。对于第一种情况,语法为a href="URL"/a,这就能创建一个超文本链接了,例如:
a href="http://xld.home.chinaren.net/"这是我的网站/a
对于第二种情况,语法为a href="mailto:EMAIL"/a,这就创建了一个自动发送电子邮件的链接,mailto:后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址),例如:
a href="mailto:xiaolida@263.net"这是我的电子信箱(E-Mail信箱)/a
此外,a href=""/a还具有target属性,此属性用来指明浏览的目标帧,我们将在讲帧标志时作详细的说明,这里您只要知道如果不使用target属性,当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档,若target的值等于“_blank”,点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。例如:
a href="http://xld.home.chinaren.net/" target="_blank"这是我的网站/a

2.a name=""/a
a name=""/a标志对要结合a href=""/a标志对使用才有效果。a name=""/a标志对用来在Html文档中创建一个标签(即做一个记号),属性name是不可缺少的,它的值也即是标签名,例如:
a name="标签名"此处创建了一个标签/a
创建标签是为了在Html文档中创建一些链接,以便能够找到同一文档中的有标签的地方。要找到标签所在地,就必须使用a href=""/a标志对。例如要找到“标签名”这个标签,就要编写如下代码:
a href="#标签名"点击此处将使浏览器跳到“标签名”处/a
注意:href属性赋的值若是标签的名字,必须在标签名前边加一个“#”号。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

下面是本教程的一个综合示例:

例7 链接标志的综合示例
html
head
title链接标志的综合示例/title
/head

body
p align="center" style="font-size:9pt;color:yellow;background:black"br
a name="Top"font color="red"创建标签处/font/abr
br
br
欢迎想要学习网页制作的同学访问我的网站br
a href="http://www.bianceng.cn/" target="_self"font color="lime"http://www.bianceng.cn//fontbr
br
img src="http://www.bianceng.cn/hjc/Logo468_60.gif"
alt="欢迎访问"网页制作"" border="0" width="468" height="60"/abr
br
本网站的主要内容br
br
a href="index.htm" target="_self"font color="white"Html教程/font/abr
br
a href="../Dreamweaver/index.htm" target="_self"font color="white"Dreamveawer教程/font/abr
br
a href="../ASP/index.htm" target="_self"font color="white"ASP教程/font/abr
br
JavaScript教程br
br
VBScript教程br
br
a href="../Flash/index.htm target="_self"font color="white" Flash教程/font/abr
br
我要留言br
br
作者介绍br
br
br
欢迎给我来信,我的E-Mail是:
a href="mailto:mali2004abc@126.com"font color="lime"mali2004abc@126.com/font/abr
br
a href="#Top"font color="lime"点击此处回到标签处/font/abr
br
/p
/body
/html

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1628282.html

延伸阅读
上一节: 用途相似的标签 web标准知识链接与文本标签们 这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。 我们都知道网页的最大特性是链接,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目: ...
标签: Web开发
我们都知道网页的最大特性是“链接”,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目: a href="URL" 文本区/a ,就是这个简单的标签,其实大家都在使用,用Dreamweaver可以很简单的添加链接。但是尽管如此我们还...
标签: Web开发
给FLash加链接. 以下是引用片段: button style="width:400;height:400;background:transparent;border:o;padding:0;cursor:hand" onclick="window.location.href='url'" object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"          codebase="http://download.macro...
  <A <BASE ■ <A : ▲Top<A 称连结标记,由 <A 与 </A 所围的文字、图片等等可以成为一个连结。 <A 的一般参数设定: 例如 <a ="index.html" ="hello" ="_top" ="index.html" 这参数不能与另一参数 name 同时使用,使用这参数才能造成可按的连结。 当作为一部连结时: href 所设定的是该连结所要连到的...
  ====日历主页面=== <head <titleCalendar Example</title <?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/ </HEAD <BODY <PClick a day in the calendar to add or modify your schedule.</P <MYCAL:CALENDAR</MYCAL:CALENDAR </BODY </HTML ===CALENDAR HTC=== <HEAD...

经验教程

366

收藏

18
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部