1.實驗:a,img
2.IDE:VSCODE?
3.記錄:?
a:
href插入超鏈接
默認情況下在本窗口打開鏈接,
target可以設置打開的窗口,parent在父窗口打開,blank新開串口打開,top在頂層串口打開,self為默認在本窗口打開
img:
插入圖片
可以插入圖片鏈接(src)和加載失敗時顯示的內容(alt)
可以設置圖片的寬和高
運行效果:
4.代碼:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML屬性</title>
</head>
<body><a href="https://docs.geeksman.com">極客俠網址</a> <!超鏈接,默認為_self(在本窗口打開超鏈接)><p><a href="https://docs.geeksman.com" target="_blank">在新窗口打開極客俠網址</a></p><p><a href="https://docs.geeksman.com" target="_parent">在父窗口打開極客俠網址</a></p> <!target規定在哪個窗口打開超鏈接><p><a href="https://docs.geeksman.com" target="_self">在本窗口打開極客俠網址</a></p><p><a href="https://docs.geeksman.com" target="_top">在頂層窗口打開極客俠網址</a></p><hr> <!分割線><! src為圖片的鏈接,alt為圖片無法加載時顯示的內容><img src="https://ts4.cn.mm.bing.net/th?id=OIP-C.fFLzAD27IMu3Y07d2l2nIAHaLH&w=204&h=306&c=8&rs=1&qlt=90&o=6&dpr=1.4&pid=3.1&rm=2" alt="圖片加載出錯"> <hr><img src="超級馬里奧.jpg" alt="出錯了"> <!DOCTYPE html 直接加載同一路徑下的圖片><hr><img src="超級馬里奧.jpg" alt="出錯了" width="400" height="200"> <!DOCTYPE html 直接加載同一路徑下的圖片,設置顯示的寬度和高度>
</body>
</html>