Day3
1.圖像標籤/圖片標籤
<img src="圖片的路徑"/>
屬性：
- src：圖片的路徑
- width：圖片的寬度
- height：圖片的高度
- alt：圖片上顯示的文字，把鼠標移動到圖片上，停留片刻顯示（或是當圖片路徑不存在時，顯示文字信息）
<html>
<body>
<img src="jennie.jpeg" width="700" height="463" alt="你老婆沒了！！！"/>
</body>
</html>
效果：
當圖片路徑不存在時的效果：
2.路徑的介紹
（1）絕對路徑：
-
C:\Users\asus\Desktop\0413\code\jennie.jpeg
-
http://www.baidu.com/b.jpg
（2）相對路徑：一個文件相對另一個文件的位置 -
html文件和圖片在一個路徑下，可以直接寫文件的名稱
<img src="jennie.jpeg"/>
- 圖片在html的下層目錄
——C:\Users\asus\Desktop\0413\code\4.html
——C:\Users\asus\Desktop\0413\code\img\jennie.jpeg
<img src="img\jennie.jpeg"/>
- 圖片在html的上層目錄
——C:\Users\asus\Desktop\0413\code\4.html
——C:\Users\asus\Desktop\0413\jennie.jpeg
<img src="../jennie.jpeg"/>
這裏的../表示上層路徑
3.超鏈接標籤
（1）鏈接資源標籤
<a href="鏈接到資源的路徑">顯示在頁面上的內容</a>
(這裏的路徑也跟上面個所說的包括絕對路徑和相對路徑)
屬性：
- href：鏈接到資源的地址
- target：設置打開的方式
- （1）_blank：在一個新的窗口打開
- （2）_self：在當前頁面打開，默認值
當超鏈接不需要到任何地址時，在href裏面加#
<a href="#">這是一個超鏈接，但不鏈接到任何位置</a>
（2）定位資源
- 如果想要定位資源：定義一個位置
<a name="top">頂部</a>- 回到這個位置：
<a href="#top">回到頂部</a>
4.原樣輸出標籤
<pre>輸出內容</pre>
這裏的輸出內容會按照我們自己輸入的格式輸出到頁面上。