1.内联标签和块级标签的主要区别
| 块元素 | 内联元素 |
| 独占一行,默认情况下，其宽度自动填满其父元素宽度 | 相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化 |
| 可以设置width，height属性 | 行内元素设置width，height属性无效 |
| 可以设置margin和padding属性 | 行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right，其它属性不会起边距效果。 |
| 对应于display:block | 对应于display:inline； |
2.主要块级标签
| 块级标签 | 功能 |
| <div> | 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。 |
| <h1>-<h6> |
标题标签 |
| <ol> | 有序列表 |
| <from> | 定义交互表单 |
| <li> | 定义列表项目 |
| <tbody> | 定义表格主体 |
| <table> | 定义表格 |
| <p> | 定义段落 |
| <ul> | 无序列表 |
| <hr> 自闭合标签 |
水平分割线 |
| <span> | <span> 元素也没有特定的含义。当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。 |
3.主要内联标签
| 内联标签 | 功能 | 内联标签 | 功能 |
| <a> | 锚点 | <br>自闭合标签 | 换行 |
| <i> | 斜体 | <img>自闭合标签 | 插入图片 |
| <u> |
下划线 | <input>自闭合标签 | 输入框 |
4.块级标签和内联标签的嵌套
1·块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。
2·块级元素与块级元素并列、内联元素与内联元素并列。
3·块级元素不能放在<p>标签里面。
4·只能包含内联元素，不能包含块级元素如h1,h2,h3,h4,h5,h6,p,dt。
5·<li>内可以包含<div>
6·块级元素与块级元素并列、内嵌元素与内嵌元素并列