超文本标记语言（html）之超链接的使用

最新推荐文章于 2024-04-08 20:00:00 发布

喝可乐的monkey

最新推荐文章于 2024-04-08 20:00:00 发布

阅读量1.5k

点赞数 1

文章标签： html 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/yysyyssmdsmd/article/details/129361307

版权

一、路径概念

相对路径：以引用文件的网页所在的位置为参考基础而建立的目录路径。

绝对路径：以WEB站点的根目录为参考基础的目录路径。

二、超链接的建立

基本语法：

<a href=资源地址　target=窗口名称>链接文字</a>

Target:用于指定打开链接的目标窗口，默认属性为原窗口，如果是打开一个新窗口，可以设置target=_blank。

实例代码

<html>
<head>
  <title>插入外部链接</title>
</head>
<body>
<A href="http://www.sina.com.cn">新浪网</A></body>
</html>

插入内部链接

基本语法

<a href=#目标名称 target=窗口名称>目录文字</a>

在链接的目标处使用<a name=目标名称>超链接目标</a>

实例代码

<html>
<head>
<title>考倒你</title></head>
<body>
<h3>考倒你</h3>
<a href="#t.1">世界上哪里的海不产鱼？</a><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h3><a name="t.1">第一题答案</a></h3>
辞海不产鱼
</body>
</html>

三、图像链接

基本语法

<a href=图片要链接的目标地址　target=窗口名称>
<img src=参数值　alt=参数值border=参数值　aligh＝参数值　height=参数值
   　width=参数值　vspace=参数值hspace=参数值></a>

实例代码

<html>
<head>
<title>图像链接</title>
</head>
<body>
<center>
<a href=http://www.163.com><img src=03.gif></a>
</center>
</body>
</html>

四、邮箱链接

基本语法：

<a href=mailto:E-mail地址?cc=抄送人E-mail 
地址&bcc=密件抄送地址&subject=邮件主题&body=邮件正文>描述文字</a>

实例代码

<html>
<head><title>发送邮件
</title>
</head>
<body>
<a href=mailto:123@163.com?cc=1@yahoo.com.cn&bcc=2@tom.com&subject=祝福&body=节日快乐>给你写信</a>
</body>
</html>