html之超链接及URL 超链接
1. 简介
使⽤超链接可以从⼀个页⾯跳转到另⼀个页⾯，实现页⾯间的导航
当⿏标移动到超链接⽂本上时，⿏标箭头会变成⼀只⼩⼿
超链接有三种类型
. 普通链接/ 页⾯间链接，跳转到另⼀个页⾯
. 锚链接；跳转到锚点
. 功能性链接，实现特殊功能
2. 基本⽤法
使⽤<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"></a>
<br>
<!-- 页⾯跳转 -->
<a href="javascript:alert('你好呀')">点我试试</a>
URL
html代码转链接URL ; Uniform Resource Locator 统⼀资源定位符,⽤来定位资源所在的位置 ; 最常见的俗称⽹址baike.so/doc/24696790-25621194.html
组成部分
baike.so/doc/24696790-25621194.html
www.so/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
. 端⼝号 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，指定⾝份信息，如:账户：密码@baike.so/doc/24696790-25621194.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。