块元素：
无论内容多少，该元素独占一行
p，h1-h6
行内元素
内容撑开宽度，左右都是行内元素可以排在一行
a，strong，em
列表
1. 有序列表（试卷，问答）
<ol> <li>java</li> <li>python</li> <li>html</li> <li>json</li> </ol>
2. 无序列表（导航，侧边栏）
<ul> <li>java</li> <li>python</li> <li>html</li> <li>json</li> </ul>
3. 自定义列表（公司网站底部）
<dl> <dt>科目</dt> <dd>java</dd> <dd>python</dd> <dd>linux</dd> <dt>城市</dt> <dd>a</dd> <dd>b</dd> <dd>c</dd> </dl>
表格标签
table border="1px"> <tr> <!--跨列--> <td colspan="4">1-1</td> </tr> <tr> <!--跨行--> <td rowspan="2">2-1</td> <td>2-2</td> <td>2-3</td> <td>2-4</td> </tr> <tr> <td>3-1</td> <td>3-2</td> <td>3-3</td> </tr> <tr> <td>4-1</td> <td>4-2</td> <td>4-3</td> <td>4-4</td> </tr> </table>
页面结构分析
- header：标记头部区域的内容
- footer：标记脚部区域的内容
- secton：web页面中一块独立的区域
- article：独立的文章内容
- aside：相关内容或应用
- nav：导航类辅助
iframe内联框架