2010年11月4日 星期四

HTML 基本中的基本

如題...這可是基本中的基本..可是要在用到它時卻忘記了....所以還是筆記一下吧
alt="說明",此種屬性是當圖片無法有效連結時網頁會出現 "說明"文字來替代圖片
title="說明",此種屬性是當滑鼠指標移過動去時會顯示其"說明"文字
以下程式演練.....附註:圖片路徑請自行設定
------------------------------------------------------------------------
<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <table border="1">
            <tr>
                <td>alt說明</td>
                <td>title說明</td>
            </tr>
            <tr>
                <td><img src="888.jpeg" alt="沒有圖片就顯示其說明文字" /></td>
                <td><img src="999.jpeg" alt="沒有圖片就顯示其說明文字" title="滑鼠停留就可以顯示其說明文字"/></td>
            </tr>
        </table>
    </body>
</html>

沒有留言: