HTML学习笔记之超链接的使用

最新推荐文章于 2024-07-05 20:20:47 发布

SAP 皮德憨

最新推荐文章于 2024-07-05 20:20:47 发布

阅读量1.8k

点赞数 1

文章标签：博客 html

本文链接：https://blog.csdn.net/Liuchang54/article/details/49225599

版权

HTML学习笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一.超链接的建立

在HTML文件中，建立超链接的标签为<a>和</a>。一个链接的基本格式如下：

其中标签<a>表示一个链接的开始，</a>表示链接的结束；属性href定义了链接目标，即文件所在的位置；属性target用于指定打开链接的目标窗口，其属性的默认方式是原窗口，如果想再新窗口打开链接，可以设置targe=_blank。

二.超链接的应用

1.站内链接

如果一个页面很长，寻找相应的内容比较困难，可以通过在同一个文件中建立链接来实现。在文件的开头设置目录，在要链接的目标处设置标记即可实现单击目录达到相应的目标处，而不需要从头阅读到尾。其基本语法为：

在链接的目标处(通常我们称之为书签或锚）使用<a name=目标名称>超链接目标</a>

示例：

<html>
	<head>
		<title>考倒你</title>
	</head>
	<body>
		<h3>考倒你</h3>
		<a href="#t.1">世界上哪里的海不产鱼?</a><br>
		<a href="#t.2">一对健康的夫妇，为什么会生出没有眼睛的婴儿</a><br>
		<a href="#t.3">农夫养了10头牛，为什么只有19只角</a><br>
		<br><br><br><br><br><br><br><br>
		<h3><a name="t.1">第一题答案</a></h3>
		辞海不产鱼。
		<br><br><br><br><br><br><br><br>
		<h3><a name="t.2">第二题答案</a></h3>
		鸡生蛋。
		<br><br><br><br><br><br><br><br>
		<h3><a name="t.3">第三题答案</a></h3>
		一只是犀牛。		
		<br><br><br><br><br><br><br><br>
	</body>
</html>

运行结果：

2.其他站点链接

超链接还有一种用法就是要链接到网上的某些页面，可以运用http协议。其语法格式如下：

示例：

<html>
	<head>
		<title>其他站点的链接</title>
	</head>
	<body>
		<a href=http://keyof.net target="_blank">KOF调研小组</a> 
	</body>
</html>

运行结果：

3.图像链接

想要将图片作成超链接，只需要将<img>标签放在<a>和</a>之间，那么这个图像将成为一个可单击的图像，并产生一个链接.其语法格式如下：

示例：

<html>
	<head>
		<title>图像的链接</title>
	</head>
	<body>
		<a href=http://keyof.net target="_blank"><img src=2.jpg></a> 
	</body>
</html>

运行结果：

4.邮箱链接

在浏览网页时，经常会出现“给我写信”之类的字样，用鼠标单击后会发现将启动本地机器的邮箱服务系统发送邮件，并且地址栏的内容已经填写完整。实现语法格式如下：

SAP 皮德憨

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记之超链接的使用

一.超链接的建立在HTML文件中，建立超链接的标签为和。一个链接的基本格式如下：链接文字其中标签表示一个链接的开始，表示链接的结束；属性href定义了链接目标，即文件所在的位置；属性target用于指定打开链接的目标窗口，其属性的默认方式是原窗口，如果想再新窗口打开链接，可以设置targe=_blank。二.超链接的应用1.站内链接如果一个页面很长，寻找相应的内容比
复制链接

扫一扫