HTML常用标签之超链接标签
前面学习过了格式标签和文本标签, 本章开始学习超链接标签
三. 超链接标签
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标签时, 进入此网址
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。