iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0

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


有序清單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>

今天的標籤就介紹到這,明天再讓我們了解更多的html標籤吧!


上一篇
Day6 Html標籤_1
下一篇
Day8 Html常用標籤_3
系列文
我的網頁前端小小小教室30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言