1. 程式人生 > 實用技巧 >html image和表格

html image和表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">
    <img src="1.jpg" title="風景圖" style="height: 200px; width:200px ;" alt="風景">
        </a>
    <
ul> <li>test</li> <li>test</li> <li>test</li> <li>test</li> </ul> <ol> <li>test</li> <li>test</li> <li>test</li> <li>test</li>
</ol> <dl> <dt>123</dt> <dt>123</dt> <dd>testing</dd> <dd>testing</dd> <dd>testing</dd> <dt>123</dt> <dd>testing</dd> <dd>testing</
dd> <dd>testing</dd> </dl> </body> </html>
image
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="1">
        <tr>
            <td>第一行第一列</td>
            <td>第一行第二列</td>
            <td>第一行第三列</td>
        </tr>
         <tr>
            <td>第二行第一列</td>
            <td>第二行第二列</td>

             <td ><a href="t6.html">檢視詳情</a></td>
             <td ><a href="#">修改</a></td>

        </tr>
    </table>

</body>
</html>
列表

- image標籤
<a href="https://www.baidu.com/">
<img src="1.jpg" title="風景圖" style="height: 200px; width:200px ;" alt="風景">
</a>
src放路徑,
title滑鼠放在圖上顯示“風景圖”,
style設定大小,
alt圖沒有刷新出來顯示“風景”
- 列表
ul
li
ol
li
dl
dt
dd

border代表加寬線