圖像/超鏈接標簽
阿新 • • 發佈：2019-03-25
當前 好用 zip 兩種 窗口 tile alt ctype cin
img標簽：指圖片
src：指圖片路徑
1.絕對路徑:硬盤地址:C://盤、D://盤、E://盤、(絕對路徑打開時最好用IE或者谷歌瀏覽器) 網頁的圖片路徑
2.相對路徑:相對於本HTML文件的路徑
alt ： 指的是圖片不顯示，文字來代替
.titile:鼠標放在圖片上提醒-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圖像/超鏈接標簽</title>
</head>
<body>
<!--img標簽:指圖片-->
<!--src:指圖片的路徑，分兩種路徑
1.絕對路徑:硬盤地址:C://盤、D://盤、E://盤、(絕對路徑打開時最好用IE或者谷歌瀏覽器)
網頁的圖片路徑
2.相對路徑:相對於本HTML文件的路徑
/ ：路徑分隔符
./ :同路徑(可省略)
../：代表上一級目錄-->
<!-- 1.src :是指圖片的路徑
2.alt ： 指的是圖片不顯示，文字來代替
3.titile:鼠標放在圖片上提醒-->
<img src="img/a.jpg" alt="奧特曼圖" title="這是一個奧特曼圖片">
<img src="img/t0110df23d4255406e1.jpg" alt="風油精圖" title="這是一個搞笑圖">
<img src="https://www.baidu.com/img/baidu_jgylogo3.gif">
<img src="https://img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_de705fb729d0ccd2668cc465a4eb144c/0" alt="英雄聯盟" title="德瑪西亞！"><br>
<!--a:標簽
1.href:指的是跳轉的地址,文件的地址：如果瀏覽器解析就會給你顯示，如果解析不了提供下載功能。-->
<!--target★
1._blank:在新窗口頁打開★
2._self:在當前窗口打開(默認)★-->
<a href="https://www.7fgame.com/" target="_blank" title="起於凡而非凡">起凡官網</a>
<a href="../day02/index.html">跳轉相對頁面</a>
<a href="biaogelianxi.html">相對路徑跳轉</a>
<a href="img/a.jpg">指向一個圖片地址</a>
<a href="20190325表格作業.zip">指向壓縮包下載</a>
<!--target：新的窗口頁面打開-->
<a href="https://sw3.duoyi.com/" target="_blank">神武3官網</a><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#top">回到頂部</a>
<!--如果要跳轉到其他頁面的頂部就在<a href="#top">#號前面加上地址-->
<a href="biaogelianxi.html#demo">跳轉其他頁面指定的錨</a>
<!--錨點鏈接：
錨:<a name="top"></a>
<a id="top"></a>
底部:<a href="#top">回到頂部</a>
如果要跳轉到其他頁面的頂部就在<a href="#top">#號前面加上地址
-->
</body>
</html>
<!doctype html> <html> <head> <meta charset="utf-8"> <title>單元格與單元格之間的間距cellspacing/單元格與內容之間的邊框cellpadding</title> </head> <body> <!--兩行兩列--> <!--cellspacing：單元格之間的間距--> <!--cellpadding:內容與邊框之間的距離--> <table border="1px" width="200px" height="200px" cellspacing="0" cellpadding="30px"> <tr> <td>英語</td> <td>數學</td> </tr> <tr> <td>語文</td> <td>體育</td> </tr> </table> </body> </html>
圖像/超鏈接標簽