超级链接 · JavaWeb教案2019

## 超级链接 * HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接，点击链接可以从一张页面跳转到另一张页面。 * HTML使用标签`<a>`来设置超文本链接，使用href来描述链接的地址，使用target属性定义被链接的文档在何处显示，定义target属性为`_blank`可以在新的页面打开，默认target属性为`_self`在本页面打开。 ```html <a href="http://www.ntqingniao.com">南通青鸟教育</a> <a href="http://www.ntqingniao.com" target="_blank">南通青鸟教育</a> <a href="http://www.ntqingniao.com" target="_self">南通青鸟教育</a> ``` * 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者**当前文档中的某个部分**。 * 可以制作一个锚点来跳转到页面的某个部分。 ~~~html <a href="#pay" >下单支付</a> <div id="pay" >下单支付</div> ~~~ ### 完善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> ```