HTML笔记块元素和行内元素块元素占据一整行，排斥其他元素并行块元素说明 h1-h6 标题元素 p 段落元素 di

块元素和行内元素

块元素占据一整行，排斥其他元素并行

块元素	说明
h1-h6	标题元素
p	段落元素
div	div元素
hr	水平线
ol	有序列表
ul	无序列表

行内元素	说明
strong	粗体元素
em	斜体元素
a	超链接
span	常用行内元素，结合CSS定义样式

行内元素可以兼容行内元素，但是不能兼容块元素

列表

有序列表

<ol>
    <li>HTML</li> 
    <li>CSS</li> 
    <li>JavaScript</li> 
    <li>jQuery</li> 
    <li>Vue.js</li>
</ol>
<!--ol中可以加type属性-->
<!--type:1,a,A,i,l-->

无序列表

<ul>
    <li>HTML</li> 
    <li>CSS</li> 
    <li>JavaScript</li> 
    <li>jQuery</li> 
    <li>Vue.js</li>
</ul>

表格

表格完整结构

<table> 
    <caption>表格标题</caption> 
    <tr> 
        <th>表头单元格1</th>
        <th>表头单元格2</th> 
    </tr> 
    <tr> 
        <td>单元格3</td> 
        <td>单元格4</td> 
    </tr> 
</table>

表头<thead></thead>
表体<tbody></tbody>
表尾<tfoot></tfoot>