首页 > 编程知识 正文

html链接代码,html链接怎么打开

时间:2023-05-06 12:48:04 阅读:283029 作者:824

HTML链接

HTML使用超级链接与网络上的另一个文档相连。几乎可以在所有网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

<!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>HTML链接</title> </head> <body> <p> <a href = "https://blog.csdn.net/MIMANCHI123?spm=1000.2115.3001.5343">个人资料</a>是一个指向此网站的链接地址。 </p> <p> <a href = "https://www.baidu.com/?tn=18029102_3_dg">百度一下</a>是一个指向万维网的链接地址 </p> </body></html>

< a > 标签定义超链接,用于从一张页面链接到另一张页面。

< a > 元素最重要的属性是 href 属性,它指示链接的目标。

HTML链接语法:

HTML链接代码都是类似这样:

<a href = "url">链接文本</a>

href属性描述了链接的目标。

HTML链接-id属性;

id属性可用于创建一个HTML文档书签。书签不会以任何特殊方式显示,即在HTML页面中是不显示的,所以对于读者来说是隐藏的。

在HTML文档中插入ID:

< a id = "tips">有用的提示部分</a>

在HTML文档中创建一个链接到“有用的提示部分(id = tips)”:

< a href = "#tips">访问有用的提示部分</a>

或者,从另一个页面创建一个链接到“有用的提示部分(id = “tips)”:

< a href = "https://www.baidu.com">访问有用的提示部分</a> HTML创建图片链接: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>HTML创建图片链接</title> </head><body><p>创建图片链接:<a rel="external nofollow" rel="external nofollow" href="https://profile.csdnimg.cn/B/8/C/1_mimanchi123"><img border="10" src="https://profile.csdnimg.cn/B/8/C/1_mimanchi123" alt="HTML图片链接" width="64" height="64"></a></p><p>创建无边框的图片链接:<a rel="external nofollow" rel="external nofollow" href="https://profile.csdnimg.cn/B/8/C/1_mimanchi123"><img border="0" src="https://profile.csdnimg.cn/B/8/C/1_mimanchi123" alt="HTML无边框图片链接" width="64" height="64"></a></p></body></html>

HTML在当前页面链接到指定位置: <!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>HTML在当前页面链接到指定位置</title> </head> <body> <p> <a href ="#c5">查看第五段</a> </p> <h2>第一段</h2> <p> 显示该段内容 </p> <h2>第二段</h2> <p> 显示该段内容 </p> <h2>第三段</h2> <p> 显示该段内容 </p> <h2>第四段</h2> <p> 显示该段内容 </p> <h2><a id = "c5">第五段</a></h2> <p> 显示该段内容 </p> <h2>第六段</h2> </body></html>

HTML跳出框架 <!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>HTML跳出框架</title> </head> <body> <p>跳出框架</p> <a href 极速赛车买前5名的方法t; <p> <a href ="#c5">查看第五段</a> </p> <h2>第一段</h2> <p> 显示该段内容 </p> <h2>第二段</h2> <p> 显示该段内容 </p> <h2>第三段</h2> <p> 显示该段内容 </p> <h2>第四段</h2> <p> 显示该段内容 </p> <h2><a id = "c5">第五段</a></h2> <p> 显示该段内容 </p> <h2>第六段</h2> </body></html>

HTML跳出框架 <!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title>HTML跳出框架</title> </head> <body> <p>跳出框架</p> <a href = "//www.csdn.net/"target = "_top">点击这里!</a> </body></html>

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。