html之超链接及URL

超链接

1. 简介

   使用超链接可以从一个页面跳转到另一个页面，实现页面间的导航

   当鼠标移动到超链接文本上时，鼠标箭头会变成一只小手

   超链接有三种类型

   . 普通链接/ 页面间链接，跳转到另一个页面

   . 锚链接 ； 跳转到锚点

   . 功能性链接，实现特殊功能

2. 基本用法

   使用<a>标签创建超链接

   语法

   
   <a href="指定链接的地址"target="链接打开的位置">链接文本或者图像</a>

   常用属性

   . href 链接地址/路径 : 链接地址

   路径分类 ;

   . 相对路径

   相对于与当前文件的路径

   . 表示当前路径

   .. 表示上一级路径

   . 绝对路径

   以根开始的路径

   http://www.baidu.com

   . 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
   ​