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 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 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 = "//www.csdn.net/"target = "_top">点击这里!</a>
</body>
</html>