2009年2月3日 星期二

HTML


    資料來源為:http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm


  • HTML外觀
    <html>

    <head>

    <title>名稱</title>

    </head>

    <body>

    內容

    </body>

    </html>


    Titile讓首頁製作者以簡短的文字表達此一首頁之內容。Title的內容會出現在瀏覽器的頂端。若將某個首頁加入書籤,則Title內容變成該書籤名稱。


    標題
    <html>
    <head><title>標題測試</title></head>
    <body> <center>
    <h1>第一級標題</h1>正常文字
    <h2>第二級標題</h2>正常文字
    <h3>第三級標題</h3>正常文字
    <h4>第四級標題</h4>正常文字
    <h5>第五級標題</h5>正常文字
    <h6>第六級標題</h6>正常文字
    </center> </body>
    </html>









  • 字型

  • 基本格式

    <font size=n color=顏色>字串

範例:<font size=7 color=white>南</font>





  • 換行小常識


當您看到的中文字無法依視窗大小而自動斷行時,只要將:Options的Document Encoding設成Traditional Chinese(Big-5)就可以了!





  • 斜體字


範例:標準字<i>斜體字</i>標準字





  • 粗體字


範例:標準字< b>粗體字</b>標準字





  • 底線字


範例:標準字<u>底線字</u>標準字





  • 表格(製作表格)


<table border=n>



<caption>表格標題</caption>



<tr><td>列一行一</td><td>列一行二</td></tr><tr><td>列二行一</td><td>列二行二</td></tr>



</table>





  • 表格(合併儲存格)


你可以用ROWSPAN=n及COLSPAN=n來完成



例如:<th colspan=2>大雄的功課表</th><th rowspan=4>上午</th><td rowspan=4>沒<br>課</td>



  • 圖片

放在WWW上的圖片必須是附加檔名為gif或jpg


格式:<img src="路徑/圖檔檔名"alt="找不到圖檔時出現的內容,當滑鼠移到圖片上方時也會出現該內容"width=XX顯示時的寬度height=XX顯示時的高度border="邊框大小">


範例:<img src="images/nor2.jpg"alt="酒井法子的相片">


範例:<img src="images/nor2.jpg"alt="酒井法子的相片"border=0>




  • 圖片連結

點選圖片可連結到另一個網頁


<map name="map-name">


<area shape=形狀 coords="座標" href="連到哪裡去">


<area shape=形狀 coords="座標" href="連到哪裡去">


...


</map><img src="xxx" usemap="#map-name">












沒有留言:

張貼留言