HTML学习笔记06-连接
生活随笔
收集整理的這篇文章主要介紹了
HTML学习笔记06-连接
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML超鏈接
HTML使用標簽<a>來設置文本超鏈接。
超鏈接可以是文字，也可以是圖片，點擊這些內容跳轉到新的文檔或當前文檔的某個部分
代碼類似這樣：
<a href="url">連接文本</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
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的HTML学习笔记06-连接的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 日志OLAP：在SQL中使用UDF, l
- 下一篇： 如何在HTML添加英文字母序号,怎样在文