Day7 Html常用標籤_2

2021 iThome 鐵人賽

DAY 7

Modern Web

我的網頁前端小小小教室系列第 7 篇

13th鐵人賽

karta1366796

團隊imac_跳過這篇

2021-09-21 11:12:47

577 瀏覽

那就廢話不多說，讓我們繼續接下去介紹其他的標籤吧!

有序清單ol

<body>
    <ol>
        <li>清單</li>
        <li>清單</li>
        <li>清單</li>
    </ol>
</body>

呈現出來的結果會是這樣，有順序的清單，將內容包在li裡面。

無序清單ul

<body>
    <ul>
        <li>清單</li>
        <li>清單</li>
        <li>清單</li>
    </ul>
</body>

同樣的作法，只是將ol改成ul，清單就會是沒有順序的。

換行br

<body>
    <p>第一行<br> 第二行</p>
</body>

若想要換行就在要換行的地方加上br!

表格table

首先我們要先講解，會用到三個元素，分別是table、tr、td，他們有甚麼分別呢?table就是包住整個表格的最外層，而tr是表格中的直列，td就是橫列的內容。

<body>
    <table>
        <tr>
            <td>第一行-1</td>
            <td>第一行-2</td>
            <td>第一行-3</td>
        </tr>
        <tr>
            <td>第二行-1</td>
            <td>第二行-2</td>
            <td>第二行-3</td>
        </tr>
        <tr>
            <td>第三行-1</td>
            <td>第三行-2</td>
            <td>第三行-3</td>
        </tr>
    </table>
</body>