排版标签
- 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>
<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>
