![](https://i-blog.csdnimg.cn/blog_migrate/7062fc9a2a94dd01e326f4c902ca9a50.png)
模板:
<a href = "网址">文字或图片 </a>
链接到网站点其他网页
<a href= "news.html"> 新闻 </a>
点击新闻即可链接到news.html
链接到其他站点
<a href= "http://www.baidu.com"> 百度 </a>
点击新闻即可链接到 http://www.baidu.com
虚拟超链接
<a href= "#" > 版块2 </a>
虚拟连接,会出现小手,但不会连接到其他地址
案列:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web前端开发</title>
</head>
<body>
<a href="http://www.w3c.org">w3c组织</a><br />
<a href="https://www.w3school.com.cn">w3school学习网站</a><br />
<a href="vs.html">前端与后端</a>
<h1>WEB前端开发</h1>
<h5>web front-end development</h5>
<hr />
<h2>基本概念</h2>
<p>MXLS</p>
<h2>技术构成</h2>
<p>HTML</p>
<p>CSS</p>
<p>JS</p>
</body>
</html>
![](https://i-blog.csdnimg.cn/blog_migrate/08f2a4b5452a33a17d8d7a0317716651.png)