Day11-HTML 超链接

摘要: HTML 超链接

超链接基本属性

1、点击一个元素时，页面会加载一个新的页面

2、<a></a>

[code=language-html]<a href="http://www.baidu.com" target="_top" title="这是超链接">超链接</a>

3、Target：页面以什么形式打开

_blank:在新的浏览窗口打开

_parent:将链接的内容，当成文件的上一个画面

_self:链接的内容显示在当前的页面中

_top:这个参数可以解决新内容被旧框窗包围的困扰，使用这个参数，会将整个画面重新显示成链接的画面内容

4、title

链接的附加信息，鼠标悬停时会显示

链接地址基本组成

URL(Uniform Resource Locator ,统一资源定位符)：

协议名://主机名:端口号/目录/文件名?key=value&key1=value1&key2=value2

如：

[code=language-html]http://www.baidu.com:80/news/index.php

协议名： http:// ftp:// https:// file:// svn:// 协议名称

主机名：www.baidu.com

端口号：80

目录：/news

文件名：/index.php

?后：GET参数

Example1、电子邮件，如：

[code=plain]<a href="mailto:ly918@qq.com">魔笛的邮箱</a>

弹出系统的邮件客户端，给ly918@qq.com 发送邮件，我们还可以利用mailto来做很多事情，如下图所示：



Example2、FTP

[code=language-html]<a href="ftp://www.occode.com">魔笛的网站</a>

下载文件

URL地址分为三种

绝对路径
http://www.sohu.com/index.html
文档的相对路径

adver/contents.html

站点根目录相对路径，/ 代表根目录

/support/app/customer.html