网站首页 > 基础教程 正文
一、什么是HTML的超链接
大家平时浏览的网页中都可以找到链接。点击链接就可以从一个页面跳转到另一个页面。
HTML超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手,表示当前有超链接。
我们通过使用 <a> 标签(anchor的缩写)在 HTML 中创建链接。超链接是写在<a>和</a>之间的内容。如:
<p>我是一个段落<a>我是一个超链接</a></p>
二、超链接两种使用 <a> 标签的方式
1、通过使用 href 属性 - 创建指向另一个文档的链接
href属性是hypertext reference的缩写,当超链接被点击的时候,哪个页面被打开,如:
<a href="">今日头条</a>
href属性要写在开始标签中,可以为标签添加额外的功能和信息。
2、通过使用 target 属性 - 当超链接被点击的时候,新页面将在什么地方被打开,如:
<a href="" target="_blank">今日头条</a>
_blank:在浏览器的新窗口中打开页面
_self:在当前窗口中打开页面,替换原来的页面,_self为target属性的默认值
三、绝对路径和相对路径
1、绝对路径
<a href="">今日头条</a>
代码中的URL地址为绝对路径,向一个特定的服务器上的文件发送请求。
绝对路径总是包含协议和服务器,所以当想要连接到其他网站或者服务器上的时候,通常都是使用绝对路径。
2、相对路径
<a href="steven.html" target="_blank">今日头条</a>
代码中的steven.html为相对路径,相对路径从来不包含协议和服务器。
如果不包含协议或服务器,浏览器会假设协议和服务器与发出请求的页面相同。所以当要连接的网页在相同的服务器上时,通常会使用相对路径。
- 上一篇: HTML属性及实例 html 属性值
- 下一篇: HTML文档常用元素汇总 html中的元素有哪些
猜你喜欢
- 2024-10-17 前端开发基础课分享3--教你学会使用HTML中的属性,丰富你的网页
- 2024-10-17 《HTML笔记》w3c学习笔记 html+css笔记
- 2024-10-17 网站HTML title属性和HTML 标签 html网站标题
- 2024-10-17 HTML 常用标签 html常用标签及用法
- 2024-10-17 HTML 元素 html元素标签大全
- 2024-10-17 web前端基础知识:html+css web前端基础知识 相关课程
- 2024-10-17 2021年山东专升本考生必刷题——(11.13)
- 2024-10-17 HTML元素中的属性2(路径详解)——零基础自学网页制作
- 2024-10-17 亚马逊新规:详情页不可用HTML标记!A+页面能解决?
- 2024-10-17 HTML5常见的基础标签(三) html常用标签及作用
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)