HTML學習筆記06-連接

HTML超鏈接

HTML使用標簽<a>來設置文本超鏈接。

超鏈接可以是文字，也可以是圖片，點擊這些內容跳轉到新的文檔或當前文檔的某個部分

代碼類似這樣：

實例：

<!DOCTYPE HTML><html>
<body>
<a href="https:www.baidu.com">百度一下，你就知道</a>
</body></html>

點擊之后，會跳轉到百度

HTML連接-target屬性

定義被連接的文檔在何處打開

將上面的實例修改一下

<!DOCTYPE HTML><html>
<body>
<a href="https:www.baidu.com" target="_blank">百度一下，你就知道</a>
</body></html>

將target屬性設置為_blank，連接將在新窗口打開

之前有提到過基本所有元素都可以加上id這個屬性

可以理解為這個元素的唯一編號，一般來說同一個HTML文件id是不允許有重復的

超鏈接帶上id這個屬性，就可以直接跳轉到這個id對應的元素。

<!DOCTYPE HTML><html>
<body>
<a href="https://blog.csdn.net/a54288447/article/details/80825125#article_content">回到第一個實例</a>
</body></html>

上面的代碼中，url是這篇文章的地址，article_content是第一個實例的id

帶圖片的超鏈接

<!DOCTYPE HTML><html>
<body>
<p>創建圖片鏈接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img  border="10" src="http://www.runoob.com/images/pulpit.jpg" alt="HTML 教程" width="32" height="32"></a></p><p>無邊框的圖片鏈接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img border="0" src="http://www.runoob.com/images/pulpit.jpg" alt="HTML 教程" width="32" height="32"></a></p></body></html>

src是圖片的地址

轉載于:https://www.cnblogs.com/myal/p/9337398.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/254215.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/254215.shtml
英文地址，請注明出處：http://en.pswp.cn/news/254215.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！