超链接
- 简介
使用超链接可以从一个页面跳转到另一个页面,实现页面间的导航
当鼠标移动到超链接文本上时,鼠标箭头会变成一只小手
超链接有三种类型
. 普通链接/ 页面间链接,跳转到另一个页面
. 锚链接 ; 跳转到锚点
. 功能性链接,实现特殊功能 - 基本用法
使用<a>标签创建超链接
语法
<a href="指定链接的地址"target="链接打开的位置">链接文本或者图像</a>
常用属性
. href 链接地址/路径 : 链接地址
路径分类 ;
. 相对路径
相对于与当前文件的路径
. 表示当前路径
.. 表示上一级路径
. 绝对路径
以根开始的路径
. target 链接打开位置 ; 取值
. _self 自己/自身/当前
. _blank 空白的/空白的窗口中打开,新的
. _parent 上一层的框架中打开
. _top 在顶层框架中打开
. 自定义
锚链接
简介/作用 ;
点击链接后会跳转到指定的位置(锚点 / anchor)
锚链接的分类 ;
. 页面内的锚链接
. 页面间的锚链接
页面内的锚链接
步骤:
1.定义锚点(标记)
<a name="锚点名称">目标位置</a>
2.链接锚点
<a href="锚点名称">链接文本</a>
3.页面间的锚链接
<ahref="目标页面.html#锚点"> </a>
功能性链接
<!-- 下载图片 -->
<a href="图片/血缘.jpg">点击此处下载图片</a>
<br>
<!-- 发送邮件 -->
<a href="mailto:1694123930@qq.com">联系我们</a>
<br>
<!-- 页面跳转 -->
<a href="javascript:alert('你好呀')">点我试试</a>
URL
URL ; Uniform Resource Locator 统一资源定位符,用来定位资源所在的位置 ; 最常见的俗称网址
https://baike.so.com/doc/24696790-25621194.html
组成部分
https://baike.so.com/doc/24696790-25621194.html
https://www.so.com/s?ie=utf-8&src=360se7_addr&q=ftp#first
一个完整的URL是由8个部分组成
. 协议 protocol 如 **https**/http(超文本传输协议)
用来访问WEB网站 HyperText Transfer Protocol
https:更加安全的协议
ftp:文件传输协议;用来访问服务器上的文件 File Transfer Protocol
file:文件协议;用来访问本地文件
. 主机名 hostname服务器的地址,如www.baidu.com
. 端口号 port 位于主机名的后面,使用冒号隔开
不同的协议使用不同的端口号,如:http使用80,https:443,ftp使用21
如果使用默认端口,端口号可以省略不写
如果使用的不是默认的端口,则端口必须指定端口
. 路径 path 目标文件所在的路径结构,如:/doc/
. 资源 resource 要访问的文件,如:24696790-25621194.html
. 查询字符串 query string ,也称之为参数
在资源的后面使用问号/?隔开的一组名称
名称和值以=隔开,多个之间以&隔开,如:s?ie=utf-8&src=360se7_addr&q
. 锚点 anchor 在资源的后面使用"#"开头的文本
. 身份的认证 authentication,指定身份信息,如:https://账户:密码@baike.so.com/doc/24696790-25621194.html