排版標(biāo)簽

• hn h1~h6 標(biāo)題
• P 段落
• hr 分隔符（間隔）
• br 換行
• pre 按原文顯示（把空格、換行、tab表現(xiàn)出來(lái)）

HTML 新增標(biāo)簽

結(jié)構(gòu)標(biāo)簽

• header
• nav
• footer
• main
• aside
• section 有標(biāo)題的一塊內(nèi)容
• actricle
• details

<details open>
    <summary>我的信息</summary>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus exercitationem quam ipsam dolorum vitae, ducimus quas amet eligendi voluptate vel illum dolorem sunt, odit esse expedita dolores id obcaecati. Facilis.</p>
</details>

• summary
• dialog（彈框）

<dialog >
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis molestiae voluptate officia mollitia explicabo consequuntur, animi illo harum error porro blanditiis minima, nemo architecto rem unde at quis corporis esse!
</dialog>

引入外部的CSS文件

• media 規(guī)定鏈接文檔將被顯示在什么設(shè)備上
• screen 計(jì)算機(jī)屏幕

<link rel="stylesheet" href="style.css" media="screen">

設(shè)置文檔圖標(biāo)

<link rel="shortcut icon" href="01.ico">

列表標(biāo)簽

• ul 無(wú)序列表
• ol 有序列表
  • 屬性：start="3" 從第三個(gè)開(kāi)始排序
    reversed 降序
• li 列表項(xiàng)
• dl 定義列表
• dt 定義列表項(xiàng)里的術(shù)語(yǔ)部分
• dd 定義列表項(xiàng)里的術(shù)語(yǔ)解釋部分

        <ul>
            <li>曹操</li>
            <li>諸葛亮</li>
            <li>孫悟空</li>
            <li>宋江</li>
            <li>武松</li>
        </ul>

         <dl>
            <dt>HTML</dt>
            <dd>超文本標(biāo)記語(yǔ)言</dd>

            <dt>CSS</dt>
            <dd>層疊樣式表</dd>
            
            <dt>JavaScript</dt>
            <dd>瀏覽器腳本語(yǔ)言</dd>
        </dl>