HTML常用标签之超链接标签

最新推荐文章于 2024-03-14 16:59:07 发布

怅然入梦

最新推荐文章于 2024-03-14 16:59:07 发布

阅读量1.3k

点赞数

分类专栏： HTML5开发学习 HTML基础文章标签： html web app

本文链接：https://blog.csdn.net/anig2014/article/details/44099607

版权

HTML5开发学习同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

HTML基础

12 篇文章 2 订阅

订阅专栏

前面学习过了格式标签和文本标签, 本章开始学习超链接标签

三. 超链接标签

1. 分类: 超链接标签分为相对URL和绝对URL

2. 作用:

相对URL: 指向站点内的某个文件（例如: 跳转到xxx.html）

绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com)

3. 属性作用:

4. 代码示例:

<!DOCTYPE html>
<html>
  <head>
  <!-- 超连接标签分为相对URL和绝对URL -->
    <title>超连接标签</title>
	
	<meta charset="utf-8">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
  <a href="Main.html">返回主页</a><br>
  	<a href="TagFormat.html" target="_blank">格式标签</a><br><span style="white-space: pre;">  </span>
  	<!-- 相对URL -->
  	<a href="http://www.hao123.com">hao123</a><br><span style="white-space: pre;">      </span>
  	<span style="font-family: Arial, Helvetica, sans-serif;"><!-- 绝对URL --></span><span style="white-space: pre;">
  	</span>
  </body>
</html>

5. 运行结果:

点击格式标签, 打开格式标签的html

点击hao123标签时, 进入此网址

怅然入梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML常用标签之超链接标签

前面学习过了格式标签和文本标签, 本章开始学习超链接标签三. 超链接标签 1. 分类: 超链接标签分为相对URL和绝对URL 2. 作用: 相对URL: 指向站点内的某个文件（例如: 跳转到xxx.html）绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com) 3. 属性作用: 4. 代码示例:
复制链接

扫一扫

专栏目录