讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > html教程 > 正文

HTML常用标签之超链接标签_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:48:42
原创
2026人浏览过

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


三. 超链接标签

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

 2. 作用: 

立即学习“前端免费学习笔记（深入）”；

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

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

 3. 属性作用:

 

Seed-TTS
Seed-TTS

Seed-TTS 是一个高质量多功能的文本到语音生成模型

Seed-TTS 909
查看详情 Seed-TTS

 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标签时, 进入此网址


大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：WordPress获取页面文章内容的代码_html/css_WEB-ITnose 下一篇：SVG和CSS3炫酷蹦床式图片切换效果_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
HTML如何投稿至开源平台_代码分享流程解析【方案】 投稿HTML代码至开源平台需五步：一、规范代码并配README；二、注册GitHub/GitLab/Gitee账户；三、本地初始化Git仓库并关联远程；四、添加MIT许可证及更新README；五、推送代码并启用Pages部署。
2025-12-20 16:04:02
999
html表单域如何居中_HTML表单输入框居中布局技巧【布局】 HTML表单输入框水平居中可通过五种CSS方法实现：一、text-align配合块级容器；二、margin:0auto配固定宽度；三、Flexbox的justify-content:center；四、Grid的place-items:center；五、绝对定位加transform。
2025-12-20 15:59:28
435
html如何定义根书签_HTML中创建文档根级书签锚点【锚点】 应在HTML文档中使用id="top"定义根级锚点，如在或元素添加该属性，并通过跳转；也可用已废弃但兼容的，或用JavaScript调用document.documentElement.scrollIntoView()实现平滑滚动至页面顶端。
2025-12-20 15:58:55
602
html 如何 动态_实现HTML内容动态更新效果【更新】 需用JavaScript操作DOM实现网页动态更新：一、innerHTML直接替换HTML；二、textContent仅更新纯文本；三、insertAdjacentHTML在指定位置插入HTML；四、DocumentFragment批量添加节点提升性能；五、dataset配合自定义属性驱动语义化切换。
2025-12-20 15:23:45
924
html如何加粗内边框_加粗HTML表格内部边框线条【线条】 HTML表格内部边框加粗有四种方法：一、用border-collapse:separate配合border-width；二、用border-collapse:collapse并增大border-width；三、仅加粗内部分割线；四、用伪元素模拟加粗线条。
2025-12-20 15:22:02
752
html5如何添加字体_html5字体添加方法【样式设置】 HTML5页面添加自定义字体有五种方法：一、用@font-face引入本地字体文件；二、通过GoogleFonts嵌入网络字体；三、用font-display控制加载行为；四、用CSS变量统一管理字体族；五、用local()优先调用系统已安装字体。
2025-12-20 15:17:02
666
HTML如何申请地理定位_浏览器API调用指南【教程】 若浏览器未返回地理坐标，原因可能是用户拒绝权限、浏览器不支持或页面未通过HTTPS加载；需依次检查协议安全性、API可用性、权限请求时机、错误处理逻辑、定位选项配置及位置变化监听机制。
2025-12-20 15:08:03
623
HTML文档如何本地运行_浏览器预览与调试步骤【指南】 应使用UTF-8无BOM编码保存HTML文件，双击或通过浏览器“打开文件”加载，用开发者工具调试，涉及跨域或现代API时需启动本地HTTP服务器。
2025-12-20 15:06:02
938
HTML表格如何动态添加行列_JavaScript操作解析【技巧】 JavaScript可通过五种方式动态操作表格：一、用insertRow(-1)和insertCell()添加行；二、遍历rows插入新列；三、克隆现有行并重置ID与事件；四、createElement手动构建行；五、用deleteRow/deleteCell删除行列。
2025-12-20 14:21:57
576
chrome如何使用html5_Chrome浏览器HTML5功能启用设置【使用】 Chrome中HTML5功能异常需依次更新浏览器、启用chrome://flags中的实验性Web平台特性、调整声音设置允许自动播放、开启硬件加速并确认WebGL硬件加速生效、禁用干扰HTML5的扩展程序。
2025-12-20 14:18:49
357
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部