04 img圖像標籤

 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>

 title="這裏是圖片"   鼠標放在圖片上會顯示「這裏是圖片」的字樣html

 二、spa

 

 3.3d

相關文章
相關標籤/搜索