超级链接 · 新前端98班随堂笔记和管理

## 超级链接 * HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接，点击链接可以从一张页面跳转到另一张页面。 * HTML使用标签<a>来设置超文本链接，使用href来描述链接的地址，使用 target 属性定义被链接的文档在何处显示，定义 target 属性为`_blank`可以在新的页面打开。 ```html <a href="http://www.ntqingniao.com">南通青鸟教育</a> ``` 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 ### 锚点 * 先定义一个锚点。 ~~~html <h1 id="head">CODING COFFEE MENU</h1> ~~~ * 然后超链接到锚点。 ~~~html <a href="#head">回到顶部</a> ~~~ ### 完善 CODING COFFEE 首页我们上一节的路径概念和超级连接，为首页加上跳转。 ```html <html> <head> <title>Head First Lounge</title> </head> <body> <h1>欢迎观临CODING COFFEE</h1> <img src="images/drinks.gif"> <p> 敬请关注我们定期更新的<a href="beverages/elixir.html">产品列表</a>, CODING COFFEE是一家只对程序员开放的 <em>互联网咖啡馆</em>. 无人看管，进门需要输入正确的代码！ </p> <h2>我们的分店</h2> <p> 你可以在世界各地发现CODING COFFEE的分店，详情查看<a href="about/directions.html">分店列表</a>. Come join us! </p> </body> </html> ```