More Related Content
More from LearningTech (20)
Html basic
- 5. Images
圖片
<img src=“url” alt=“替代圖片的提示” />
定義map的name,並設定area特定點擊區域
<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>
透過map 的name與 img的usemap對應,產生點擊特定區域呈現不同圖片
<img src=“planets.gif” width=“145” height=“126” alt="Planets" usemap="#planetmap">
參見w3school : http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap
- 8. Forms
常用屬性
Action : 資料要傳送的位置 URL
Enctype : 資料送至Server端的編碼方式
Method : 資料傳送方式 get 、 post
Name : 名稱
Target : Server Response 的呈現方式
(_blank 新頁開啟、_self 在同一個frame中開啟)
- 10. Blocks
Div :
Block level elements (<h1>, <p>, <table> …)
常用於定義頁面的區塊、布局
Span :
常用於group inline 的Elements(<b>、<a>、<td>…)
Inline elements
套用後頁面上不會有視覺上的改變
Block level 與 Inline 的明顯差異就是前者會換行