HTML5列表和塊的相關

下面瞭解關於HTML5列表的製作和塊：如下圖

列表分爲有序列表，無序列表，嵌套列表，自定義列表，我們可以一一嘗試輸出，對比，給出代碼如下：

    無序列表：<br/>
    disc:實體圓  circle:空心圓  square:方塊實體
    <ul type="square">
        <li>w</li>
        <li>x</li>
        <li>c</li>
    </ul>
    有序列表：<br/>
    使用type更改樣式  start 來確定開始是多少
    <ol  start="10" type="I">
        <li>w</li>
        <li>x</li>
        <li>c</li>
    </ol>
    嵌套列表：
    <ul>
        <li>數字</li>
            <ul>
                <li>1</li>
                <li>2</li>
            </ul>
        <li>人</li>
            <ul>
                <li>中國人</li>
            </ul>
    </ul>
    自定義列表：
    <dl>
        <dt>你好</dt>
            <dd> 嘿嘿</dd>
        <dt>你好</dt>
            <dd>哈哈</dd>
        <dt>你好</dt>
            <dd>哦哦哦</dd>
    </dl>

我們可以根據上述代碼運行：得出如下

運行結果如上,無序列表標籤爲ul，有序列表標籤爲ol，無序列表通過type 修改列表前的樣式，分爲3種，有序列表通過type規定是那種序列，同時使用start，規定起始是多少，嵌套列表裏面可以無序嵌套有序，有序嵌套無序，選擇自己需要的方式即可。
上述爲列表的相關操作。
下面介紹HTML5 塊：

<div id="divid">
    <p>哈哈哈</p>
    <a>dadad</a>
</div>
<div>
    <p><span>測試</span>是什麼樣子</p>
</div>

通過id=divid 定製了一個id
在head標籤裏面添加

<link rel="stylesheet" type="text/css" href="my.css">

然後創建一個css文件

span{
    color: red;
}
#divid
p{
    color: red;
}
a{
    color: blue;
}

顯示如下：

如上即爲塊的相關操作。

後面會了解更多。