前面学习过了格式标签和文本标签, 本章开始学习超链接标签
三. 超链接标签
1. 分类: 超链接标签分为相对URL和绝对URL
2. 作用:
相对URL: 指向站点内的某个文件(例如: 跳转到xxx.html)
绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com)
3. 属性作用:
<a href=" "></a> <!-- 提供 href 属性或 name 属性, 标签的 href 属性用于指定超链接目标的 URL -->
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标签时, 进入此网址