块级元素有哪些？

在HTML中，元素被分为两种类型：块级元素和内联元素。块级元素以新行开始，占据整个可用宽度，可以容纳其他块级元素和内联元素，常见的块级元素包括：

1. 段落元素（<p>）

<p>标签用于定义段落，可以容纳文本、图片、链接等元素。

2. 标题元素（<h1>~<h6>）

<h1>~<h6>标签用于定义标题，<h1>为最高级别标题，<h6>为最低级别标题。

3. 列表元素（<ul>、<ol>、<li>）

<ul>、<ol>、<li>标签用于定义无序列表、有序列表和列表项。

4. 区块元素（<div>）

<div>标签用于定义文档中的区块，可以用于布局和样式控制。

5. 表格元素（<table>、<tr>、<th>、<td>）

<table>、<tr>、<th>、<td>标签用于定义表格、表格行、表头单元格和表格数据单元格。

6. 表单元素（<form>、<input>、<button>、<select>、<textarea>）

<form>、<input>、<button>、<select>、<textarea>标签用于定义表单、表单元素、按钮、下拉菜单和多行文本框。

7. 媒体元素（<img>、<audio>、<video>、<canvas>）

<img>、<audio>、<video>、<canvas>标签用于定义图像、音频、视频和绘图。

8. 其他元素

除此之外，HTML还有一些其他的块级元素，如<header>、<nav>、<footer>、<article>、<section>等。

常见问答：

1. 块级元素和内联元素有什么区别？

块级元素以新行开始，占据整个可用宽度，可以容纳其他块级元素和内联元素；内联元素不会以新行开始，只占据其内容的宽度，不能容纳块级元素。

2. 块级元素和内联元素的应用场景有哪些？

块级元素适合用于组织页面结构和布局；内联元素适合用于插入文本、图片、链接等内容。

3. 如何将一个内联元素转换为块级元素？

可以使用CSS中的display属性将内联元素转换为块级元素，如将<span>标签转换为<div>标签的样式为：span { display: block; }

4. 块级元素和内联元素的默认样式有哪些？

块级元素的默认样式为：display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; 内联元素的默认样式为：display: inline; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;

5. 块级元素和内联元素可以相互嵌套吗？

可以，但是需要注意内联元素不能包含块级元素，块级元素可以包含内联元素和其他块级元素。

6. 常见的块级元素有哪些？

常见的块级元素有：<p>、<h1>~<h6>、<ul>、<ol>、<li>、<div>、<table>、<tr>、<th>、<td>、<form>、<input>、<button>、<select>、<textarea>、<img>、<audio>、<video>、<canvas>等。

7. 块级元素和内联元素有哪些常见的应用场景？

块级元素适合用于组织页面结构和布局，如定义页面的标题、导航栏、内容区域、页脚等；内联元素适合用于插入文本、图片、链接等内容，如定义段落、文本样式、超链接等。