04 img圖像標籤

時間 2019-11-09

標籤 img 圖像標籤欄目 HTML 简体版

原文原文鏈接

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <!--img 圖像標籤  src="圖片的地址"-->
 9         <img src="../img/head.jpg" alt="這是一張圖片" title="這裏是圖片"/>
10         <!--圖片的地址：
11             絕對地址： 當前的圖片在硬盤上的位置  c:/html/head.jpg  缺點：可移植性比較差
12             相對地址： 參照物-當前所寫的文件位置
13                       1. 圖片在當前寫的這個文件的同級（與代碼在同一個文件），直接寫圖片的名字就能夠了 ./圖片名字
14                       2. 圖片在當前寫的這個文件的下一級（在另外一個文件夾中） 從同級開始找, ./文件夾/文件夾/.../圖片名稱
15                       3. 圖片在當前寫的這個html文件的上級  ../文件夾/.../圖片名字
16         -->
17         <!--a 標籤 表示 超連接-->
18         <a href="http://www.baidu.com" target="_blank">百度</a>
19         <a href="http://jd.com">京東</a>
20     </body>
21 </html>