排版标签

• hn h1~h6 标题
• P 段落
• hr 分隔符（间隔）
• br 换行
• pre 按原文显示（把空格、换行、tab表现出来）

HTML 新增标签

结构标签

• header
• nav
• footer
• main
• aside
• section 有标题的一块内容
• 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 规定链接文档将被显示在什么设备上
• screen 计算机屏幕

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

设置文档图标

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

列表标签

• ul 无序列表
• ol 有序列表
  • 属性：start="3" 从第三个开始排序
    reversed 降序
• li 列表项
• dl 定义列表
• dt 定义列表项里的术语部分
• dd 定义列表项里的术语解释部分

        <ul>
            <li>曹操</li>
            <li>诸葛亮</li>
            <li>孙悟空</li>
            <li>宋江</li>
            <li>武松</li>
        </ul>

         <dl>
            <dt>HTML</dt>
            <dd>超文本标记语言</dd>

            <dt>CSS</dt>
            <dd>层叠样式表</dd>
            
            <dt>JavaScript</dt>
            <dd>浏览器脚本语言</dd>
        </dl>