Day7 Html常用标签_2

那就废话不多说,让我们继续接下去介绍其他的标签吧!


有序清单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标签吧!


<<:  Day 21 「事有经重缓急」Clean Architecture 简易入门

>>:  [Day 6] 资料集分析-Json、VScode

[30天 Vue学好学满 DAY16] slot 插槽

slot 在子元件(内层)中预留空间,由父元件(外层)设定、分配内容。 子元件本身对slot无控制权...

[Day15] Boxenn 实作 Repository & Query

Repository 将 source wrapper 、 record mapper 、 fact...

第 3 集:CSS 魔力

此篇内容不会有 CSS 语法教学,而是着重在使用 Bootstrap 5 时需要具备的 CSS kn...

Class and Style Bindings

透过昨天的范例我们知道要绑定HTML属性需要使用v-bind指令,而今天我们要介绍的是v-bind绑...

转职app开发打怪杂记-Start

如简介所说,我本身是非本科出身,而且是完全不相关的社工领域, 凭着一股不知哪来的冲劲, 思考着假如找...