web-5. 超链接的使用

5. 超链接的使用

超链接本质上属于网页的一部分,它是一种允许同其他网页或者站点之间进行连接的元素。互联网上各个网页连接在一起后,才能算是一个网站。

 

5.1 超链接与URL

超链接:在网页中,一般文字上的超级链接都是蓝色的,文字下面有一条下划线。当鼠标指针到该链接的时候,鼠标指针就会变成一只手的形状,这时候单击鼠标左键,就会跳转到对应的网站或者网页上去。

URL:(Uniform Resource Locator)的中文全称是“统一资源定位器”。URL是文档在Web或者Internet上的地址,一般用在超级链接中。它主要有四个部分组成:即协议名、主机名、文件夹名(路径)和文件名。

例如:http://www.pku.edu.cn/about/about.htm

http:是协议名

www.pku.edu.cn是主机名

about是文件夹名

about.htm是文件名

 

协议:即是计算机传输信息时所用的语言。具体的说,协议告诉计算机信息在哪里(例如在Web服务器上、FTP服务器上或者本地的硬盘上等),并且告诉浏览器取得文件的过程。

        

5.2 超链接标记的使用

<a href=””>

......

</a>

......

其中<a>标记的href属性是用来标识链接目标的URL的。链接的目标可以是一个HTML页面,也可以是一幅图像或者是其他的资源。

 

5.3 内部链接与外部链接

超链接可以分为内部链接和外部链接。内部链接是指在泳衣网站内部不同的HTML页面之间的超链接。在使用内部链接时,要使用相对URL

URL大致可以分为两类,即绝对URL和相对URL。绝对URL包含URL的全部信息。先对URL只包含文件夹名和文件名,如果就在当前的文件夹下,那么连文件夹名都不需要。

 

转载于:https://www.cnblogs.com/free-1122/p/9860332.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: HTML5超链接的应用非常广泛,可以用于链接到其他网页、图片、音频、视频等资源。在网页设计超链接可以用于导航菜单、页面内部跳转、外部链接等。超链接的语法格式为<a href="链接地址">链接文本</a>,其href属性指定链接的目标地址,链接文本则是用户点击时显示的文本内容。超链接还可以设置target属性,用于指定链接的打开方式,如在当前窗口打开、在新窗口打开等。在使用超链接时,需要注意链接地址的正确性和可访问性,以确保用户能够正常访问链接目标。 ### 回答2: 超链接是HTML的一种标签,用于在网页实现点击跳转的功能。在HTML5超链接的应用更加灵活多样,可以实现各种链接效果。 首先,超链接可以链接到其他网页,通过设置超链接的目标属性(target),可以在当前页面、新窗口、父窗口或者指定的框架打开链接的页面。这样用户点击超链接后,可以在同一页面显示其他网页的内容,提供更好的浏览体验。 其次,超链接也可以链接到页面的其他位置,通过设置目标位置(href)为锚点(anchor),可以在文档内部进行跳转。这样用户点击超链接后,可以直接跳转到文档的指定位置,方便用户快速定位内容。 此外,超链接还可以链接到指定邮箱地址,通过设置超链接的href属性为"mailto:xxx@xxx.com",可以直接打开用户默认的邮件客户端,并自动填写收件人的地址。这样用户点击超链接后,可以方便地联系到指定的邮箱地址。 最后,超链接也可以链接到电话号码,通过设置超链接的href属性为"tel:xxx-xxxxxxx",可以直接拨打电话。这样用户点击超链接后,可以直接拨打指定的电话号码,方便用户进行电话沟通。 在HTML5超链接的应用灵活多样,可以链接到各种内容和资源,提供更好的用户体验。可以通过合理使用超链接,增强网页的功能和互动性,为用户提供更加丰富的浏览体验。 ### 回答3: HTML5超链接是一种常用的标签,用于在网页实现页面之间的跳转。 超链接的语法为:<a href="URL">Link Text</a>,其href属性指定了链接的目标地址,URL可以是一个外部网页的地址,也可以是同一网站内的其他页面的地址。Link Text是显示在网页上的链接文本,可以是任意内容。 超链接可以用于以下几个方面的应用: 1. 导航菜单:通过在网站的不同页面间设置超链接,用户可以方便地切换页面。比如,在网站的首页上设置超链接到各个子页面,用户点击链接即可跳转到对应页面。 2. 文档下载:通过超链接,可以将文件设置为可供用户下载。比如,可以设置一个超链接到一个PDF文件,用户点击链接后可以下载该PDF文件。 3. 图片链接:可以将图片设置为超链接,点击图片即可跳转到目标页面。这在广告宣传和导航方面特别常见。 4. 锚点跳转:通过超链接和锚点的结合使用,可以实现同一页面内的跳转。比如,在长篇文章设置锚点,然后在文设置超链接,用户点击超链接即可直接跳转到文的目标位置。 5. 跨站点链接:通过设置超链接到其他网站,实现网站间的跳转。比如,在一个博客页面内设置超链接到一个相关的新闻网站,用户点击链接即可跳转到该新闻网站。 超链接的应用非常广泛,为用户提供了方便快捷的页面导航和跳转功能。同时,合理设置超链接也能提升网站的用户体验和导航结构。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值