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圖像標簽