时间:2022-09-06
超链接(hyperlink)是超级链接的简称。超级链接简单来讲,就是指按内容链接。
超级链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
创建超链接
在HTML中创建超链接非常简单!只需用标签环绕需被链接的对象即可,基本语法格式如下:
<;a href='跳转目标” target=“目标窗口的弹出方式”>;文本或图像<;/a>;
a标签常用属性:
1. href:用于指定链接目标的url地址,当给标签应用href属性时,它就具有了超链接的功能。
2. target:用于指定链接页面的打开方式,其取值有self和blank两种。
1 <;!--举个栗子-->; 2 <;!DOCTYPE html>; 3 <;html>; 4 <;head>; 5 <;meta charset='utf-8' />; 6 <;title>;Doument<;/title>; 7 <;/head>; 8 <;body>; 9 <;h3>;友情链接:<;/h3>;10 <;a href='http://www.baidu.com' target='_self'>;百度<;/a>;11 <;a href='http://www.sohu.com'>;搜狐<;/a>;12 <;a href='http://www.163.com' target='_blank'>;网易<;/a>;13 <;/body>;14 <;/html>;
注意:
网站中经常会有一些文档页面由于文本或者图像内容过多,导致页面过长。访问者需要不停拖动浏览器上的滚动条来查看文档中的内容。为了方便用户查看文档中的内容,在文档中需要使用锚点链接。
创建锚点链接
锚点链接可以链接到本页面的特定位置,也可以链接到另一个页面的特定位置。其实现方式是添加锚标记。通过创建锚点链接,用户能够快速定位到目标内容。
创建锚点链接分为两步:
当跳转到当前页面的指定位置时,直接将锚标记设置为href属性值。
<;a href=”#id名>;“链接文本'<;/a>;
使用相应的id名标注跳转目标的位置。
<;h3 id='id名'>;哔哩吧啦<;/h3>;
1 <;!--举个栗子-->; 2 <;!DOCTYPE html>; 3 <;html>; 4 <;head>; 5 <;meta charset='utf-8' />; 6 <;title>;Doument<;/title>; 7 <;/head>; 8 <;body>; 9 <;a href='#one'>;1<;/a>;10 <;a href='#two'>;2<;/a>;11 <;a href='#three'>;3<;/a>;12 <;a href='#four'>;4<;/a>;13 <;h3 id='one'>;1、<;/h3>;14 <;hr />;15 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈16 <;h3 id='two'>;2、<;/h3>;17 <;hr />;18 麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!! 麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!! 麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!19 <;h3 id='three'>;3、<;/h3>;20 <;hr />;21 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈22 <;h3 id='four'>;4、<;/h3>;23 <;hr />;24 麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!! 麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!! 麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!麻利麻利贝贝哄!!!!!!25 <;/body>;26 <;/html>;
<;base/>;标签使用方法:用于<;head>;之间,设置target属性。如:
<;base target='_blank'/>;