HTML筆記（四） - 圖像、表格、列表、區塊
阿新 • • 發佈：2018-01-28
sem inline 註意 樣式 而不是 style height nbsp 另一個
一、圖像
1、圖像標簽（<img>）和源屬性（<Src>）
在HTML中，圖像由<img>標簽定義，<img>是空標簽，它只包含屬性，並且沒有閉合標簽。
要在頁面上顯示圖像，需要使用源屬性（src）。源屬性的值是圖像URL地址。
定義圖像的語法是：
<img src="url" alt="some_text">
2、Alt屬性
alt 屬性用來為圖像定義一串預備的可替換的文本。
替換文本屬性的值是用戶定義的。
<img src="boat.gif" alt="Big Boat">
在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。
3、設置圖像的高度和寬度
height（高度） 與 width（寬度）屬性用於設置圖像的高度與寬度。
屬性值默認單位為像素:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228"> 4、創建圖像映射<body>
<p>點擊太陽或其他行星，註意變化：</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
</body>
5、HTML圖像標簽