网站首页 > 教程分享 正文
一、什么是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为相对路径,相对路径从来不包含协议和服务器。
如果不包含协议或服务器,浏览器会假设协议和服务器与发出请求的页面相同。所以当要连接的网页在相同的服务器上时,通常会使用相对路径。
猜你喜欢
- 2025-05-02 HTML5学习笔记四:html5新增标签、语义特性-文档声明
- 2025-05-02 XSS之编码(解决xss问题,一般用什么方法编码)
- 2025-05-02 HTML中JavaScript链接的href值选择
- 2025-05-02 前端加薪必备:掌握这10个HTML标签,让您的网页SEO排名飞升!
- 2025-05-02 PC网站建设必备代码知识:HTML基础与应用技巧
- 2025-05-02 HTML-列表标签(双标签) 208(html三种列表标签)
- 2025-05-02 HTML中图像标签img(html图像标签有哪些)
- 2025-05-02 HTML页面中head标签有啥用?——零基础自学网页制作
- 2025-05-02 企业网站建设的小细节:H标签(网站标签的作用)
- 2025-05-02 那些容易被你忽略的HTML重要属性,你知道几个?
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- css导航条 (66)
- sqlinsert (63)
- js提交表单 (60)
- param (62)
- parentelement (65)
- jquery分享 (62)
- check约束 (64)
- curl_init (68)
- sql if语句 (69)
- import (66)
- chmod文件夹 (71)
- clearinterval (71)
- pythonrange (62)
- 数组长度 (61)
- javafx (59)
- 全局消息钩子 (64)
- sort排序 (62)
- jdbc (69)
- php网页源码 (59)
- assert h (69)
- httpclientjar (60)
- postgresql conf (59)
- winform开发 (59)
- mysql数字类型 (71)
- drawimage (61)
本文暂时没有评论,来添加一个吧(●'◡'●)