HTML学习笔记 02 - 超链接

一、超链接

1、统一资源定位器(URL)

URL统一资源定位符,对可以从互联网上得到的资源的位置访问方法的一种简洁的表示,是互联网上标准资源地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。

  • URL的结构
  1. 模式协议),常见的协议有:
编码描述
http超文本传输协议资源(Hypertext Transfer Protocol)
https用安全套接字层传送的超文本传输协议
ftp文件传输协议
mailto电子邮件地址
ldap轻型目录访问协议搜索
file本地或网上分享的文件
newsUsenet新闻组
gopherGopher协议
telnetTelnet协议
  1. 服务器名称(或IP地址),后面有时还跟一个冒号和一个端口号
  2. 路径文件名

2、<a>标签

1、制作超链接
  • 实例:
<body>
 <a href="http://www.baidu.com" title="百度" target="_blank">点击这里,访问百度</a>
</body>

说明:

  • <a>标签中的a是单词anchor的首字母。
  • 写在<a></a>之间的部分,就是网页中可点击的超链接文本
  • <a>标签中的href属性,即是超链接指定要请求的URL,表示当超链接被点击的时候,哪个页面被打开。
  • title属性表示鼠标悬停在超链接文本上后鼠标指针旁的提示文本
  • target属性表示当超链接被点击的时候, 新页面将在什么位置被打开,常见的属性值有
属性值描述
_blank新窗口中打开被链接文档
_self默认。在相同框架中打开被链接文档
_parent父框架集中打开被链接文档
_top整个窗口中打开被链接文档
[自定义框架名称]在指定的框架中打开被链接文档
2、链接文档书签标记
  • 实例:
    page-1.html
<body>
 <a href="#tips">访问有用的提示部分</a>
 <br/>...<br/>
 <a id="tips">有用的提示部分</a>
</body>

page-2.html

<body>
 <a href="page-1.html#tips">访问有用的提示部分</a>
</body>

说明:

  • 使用<a>标签创建一个文档书签标记id属性为该文档书签标记的唯一标识,本例中为tips
  • 书签不以任何特殊的方式显示
  • 在当前HTML文档中创建一个到某一文档书签标记的链接,使用href="#[文档书签标记的id属性值]",本例中为href="#tips"
  • 创建其他页面到当前文档中某一文档书签标记的链接,使用href="[URL]#[文档书签标记的id属性值]",本例中为href="page-1.html#tips"
  • <br />标签作用是换行

二、相对路径和绝对路径

路径是指一个文件存储位置,分为相对路径绝对路径

1、绝对路径

绝对路径是向一个特定服务器上的文件发送请求href属性值中总是包含协议服务器,例如:

<a href="file:///C:/Users/DingYi/Desktop/page-1.html">访问页面1</a>

或者

<a href="http://www.baidu.com">访问百度</a>

2、相对路径

相对路径是指以当前文件所在位置参考点建立路径,相对路径不指定特定的服务器href属性值中不包含协议和服务器,例如:
说明:

  • 不包含协议/服务器,浏览器会假设协议和服务器与发出请求的页面相同
  • 当要链接的网页在相同的服务器上时,通常会使用相对路径。
  • 相对路径中./表示当前路径
  • 相对路径中../表示上一级路径
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值