HTML超链接
一、超链接简介
网页文件可以通过超链接相互连接构成一个纷繁复杂的互联网世界。超链接属于网页的一部分,是一种允许一个网页同其他网页或站点之间进行连接的元素,超链接除了可连接文本之外,也可以连接各种媒体,如声音、图像和动画等。一般网站首页上的导航条会有很多栏目,每个栏目对应一个连接。
二、创建超链接
建立超链接的标记是<a>
,以<a>
开始,以</a>
结束,超链接可以指向网络上的任何资源:一张HTML页面,一副图像,一个声音或视频文件等
(1)基本语法:
<a herf = “url” title = “指向连接显示的文字” target = “窗口名称”>超链接名称</a>
(2)语法说明:
一个连接有三个部分:目标地址、链接标签和打开位置。
1.<a>
:标记<a>
表示一个链接的开始,</a>
表示链接的结束。
2.href:链接的属性,和URL结合定义了这个链接所指的目标地址。
3.url:资源地址,是要链接到的网页或者文件的地址。URL可以是一个绝对的网页http://www.sina.com.cn,或者是一个相对网页,还可以是一个pdf等其他文档,一般全部用小写字母表示,一面某些对大小写敏感的服务器出现识别问题。
4.target:用于指定打开链接的目标狂口,其默认方式是原窗口,其具体的属性描述如下表所示:
属性值 | 描述 |
---|---|
_parent | 上一级窗口中打开,一般使用分帧的框架页会经常使用 |
_blank | 在新窗口中打开 |
_self | 在同一个帧或者窗口中打开 |
_top | 在浏览器的整个窗口中打开,忽略任何框架 |
5.title:用于指定指向连接时所显示的提示信息。
6.超链接名称:是链接目标资源的文字显示说明,浏览者单击“超链接名称”,就会链接到指定URL的资源
7.可以在标记中添加tabindex=”n”这样的属性,规定使用制表符键时的移动顺序。
链接创建实例:
<!--程序20200816-01-->
<html>
<head>
<title>创建链接</title>
</head>
<body>
<center>
<h2>创建链接</h2>
<hr>
<p><a href = "http://www.tup.tsinghua.edu.cn" title = "打开清华大学出版社首页">
新浪</a>
<!--添加新浪链接-->
<br>
<a href = "http://www.baidu.com" target = black_>百度</a>