王朝百科
分享
 
 
 

超链接

王朝百科·作者佚名  2009-10-24  
宽屏版  字体: |||超大  

定义超链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。

如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。

超链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页。

网页上的超链接一般分为三种:一种是绝对URL的超链接。URL(Uniform Resource Locator)就是统一资源定位符,简单地讲就是网络上的一个站点、网页的完整路径,如http://www.baidu.com;第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去;还有一种称为同一网页的超链接,这种超链接又叫做书签。

超链接还可以分为动态超连接和静态超连接。动态超连接指的是可以通过改变HTML代码来实现动态变化的超链接,例如我们可以实现将鼠标移动到某个文字链接上,文字就会象动画一样动起来或改变颜色的效果,也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态超链接,顾名思义,就是没有动态效果的超链接。

在网页中,一般文字上的超链接都是蓝色(当然,用户也可以自己设置成其他颜色),文字下面有一条下划线。当移动鼠标指针到该超链接上时,鼠标指针就会变成一只手的形状,这时候用鼠标左键单击,就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接,这个超链接的文本颜色就会发生改变(默认为紫色)。只有图像的超链接访问后颜色不会发生变化。

HTML标记:创建一个超链接。

创建一个有标题的超链接。

:创建一个自动发送电子邮件的链接。

:创建一个位于文档内部的锚点。

:创建一个指向位于文档内部锚点的链接。

创建超链接(代码)图片超链接:

代码:<a href="你要链接到的地址"target="_blank"><img scr="图片地址URL"width="宽度" height="高度" alt="图片说明"border="0"></a>

文字超链接:

代码:<a href="所要链接的地址"target="_blank">输入的文字</a>

LOGO超链接:

代码:<img src="图片logo地址" border="0">

把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):

1 让链接变色

<STYLETYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover { color: #3399FF }

</STYLE>

2 增加链接的力度—即字体变大

<STYLETYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover {font-weight: bold }

</STYLE>

3触到链接是出现虚线

代码:<STYLETYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover {border-bottom:1px dashed #51bfe0 }

</STYLE>

4会移动的链接

代码<STYLETYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover { position: relative; left:1px; top:1px; }

</STYLE>

5给链接添加背景色

<STYLETYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover { background-color: #CCFFFF;}

</STYLE>

注意:color颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备-常用颜色代码① ②

6 音乐超级连接下载代码:

<A HREF="音乐地址URL"TARGET=_BLANK>你的音乐名字</A>

然后把你的IE浏览器上的Internet选项中的"始终使用UTF-8发送URL"勾选去掉即可!!这样可以让其他人直接点你的连接进行下载!(具体:你的IE浏览器上"工具"菜单->Internet选项->"高级"标签->始终使用UTF-8发送URL->勾选去掉)

举例如:

爱情转移_陈奕迅ssss

7 链接特效

雾化链接:

将下面代码加到网页BODY区域

<div style="width: 96;height: 9" class=coffeeonMouseOver="this.style.filter='glow(color=#FFCC00,strength=6)'"onMouseOut='this.style.filter=""'>

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
如何用java替换看不见的字符比如零宽空格&#8203;十六进制U+200B
 干货   2023-09-10
网页字号不能单数吗,网页字体大小为什么一般都是偶数
 干货   2023-09-06
java.lang.ArrayIndexOutOfBoundsException: 4096
 干货   2023-09-06
Noto Sans CJK SC字体下载地址
 干货   2023-08-30
window.navigator和navigator的区别是什么?
 干货   2023-08-23
js获取referer、useragent、浏览器语言
 干货   2023-08-23
oscache遇到404时会不会缓存?
 干货   2023-08-23
linux下用rm -rf *删除大量文件太慢怎么解决?
 干货   2023-08-08
刀郎新歌破世界纪录!
 娱乐   2023-08-01
js实现放大缩小页面
 干货   2023-07-31
生成式人工智能服务管理暂行办法
 百态   2023-07-31
英语学习:过去完成时The Past Perfect Tense举例说明
 干货   2023-07-31
Mysql常用sql命令语句整理
 干货   2023-07-30
科学家复活了46000年前的虫子
 探索   2023-07-29
英语学习:过去进行时The Past Continuous Tense举例说明
 干货   2023-07-28
meta name="applicable-device"告知页面适合哪种终端设备:PC端、移动端还是自适应
 干货   2023-07-28
只用css如何实现打字机特效?
 百态   2023-07-15
css怎么实现上下滚动
 干货   2023-06-28
canvas怎么画一个三角形?
 干货   2023-06-28
canvas怎么画一个椭圆形?
 干货   2023-06-28
canvas怎么画一个圆形?
 干货   2023-06-28
canvas怎么画一个正方形?
 干货   2023-06-28
中国河南省郑州市金水区蜘蛛爬虫ip大全
 干货   2023-06-22
javascript简易动态时间代码
 干货   2023-06-20
感谢员工的付出和激励的话怎么说?
 干货   2023-06-18
 
>>返回首页<<
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
© 2005- 王朝网络 版权所有