HTML 標籤

續上一篇(body)裡面的標籤

ol(有序清單)

ol是ordered list的英文簡寫，各取單字的第一個字母形成的。

• li: li是來自list清單這個英文單字。

 #ex:
<ol>
    <li>第一個</li>
    <li>第二個</li>
    <li>第三個</li>
</ol>

ul(無序清單)

ul是unordered list的英文字母，各取單字的第一個字母而形成；

註：
un字首代表「沒有、不」的意思，所以ordered加上un，就從原本的有順序，變為unordered無順序。

ul標籤常用於選單，平常使用網頁的下拉式選項便是使用ul標籤製作出來的。

ex:
<ul>
    <li>第1個</li>
    <li>第2個</li>
    <li>第3個</li>
</ul>

div(區塊元素)

div是division這個單字取前面三個字母來表示。

div它是一個區塊，會自己有換行顯示的功能。

div標籤主要的功能就是在形成一個個的區塊，方便網頁排版美化。

<div style="background-color:#6666;">
    <p>hello</p>
    <p>world</p>
</div>

註：style="background-color:#6666;"這是在設定div整個區塊內的顏色。

span(行內元素)

由上面div可以知道它是一個區塊，會自己有換行顯示的功能，所以接在文字後面它會自動換行。

如果想要在個區塊內在分割出一個小區塊，且不換行，就可以使用span。

span是行內元素，不會換行，可以保持你希望維持的段落文字格式。

ex：
<p>123<span style="background-color:#6666;">456</span>789</p>

那麼今天就先到這理吧~
感謝各位觀看

下集預告: