html元素类型及特点

chatgpt3.5：

HTML元素可以分为以下几种类型：

1. 块级元素（Block-level elements）：这些元素以块的形式显示在页面上，每个块级元素都会独占一行。常见的块级元素包括<div>、<p>、<h1>到<h6>、<ul>、<ol>、<li>等。

2. 内联元素（Inline elements）：这些元素不会独占一行，可以与其他元素在同一行显示。常见的内联元素包括<span>、<a>、<strong>、<em>、<img>等。

3. 内嵌元素（Embedded elements）：这些元素用于在网页中嵌入其他类型的内容，如图像、音频、视频等。常见的内嵌元素包括<img>、<audio>、<video>、<iframe>等。

4. 表单元素（Form elements）：这些元素用于创建交互式的表单，供用户输入信息或进行选择。常见的表单元素包括<input>、<select>、<textarea>、<button>等。

5. 空元素（Empty elements）：这些元素没有内容，通常是用来插入标记或提供特定功能的。常见的空元素包括<br>、<hr>、<img>、<input>等。

这只是HTML元素的一些常见类型，还有其他更多特定的元素，每种元素都有其特定的语义和功能。

me：

块级元素：

特点：

1. 独占一行
2. 可以设置对应盒模型的一切属性
3. 可以嵌套其他元素
4. 高度不设置其高度由内容决定

块级元素特点示例

对于特点1如图1所示，a为网页页面效果，b为对应代码，对于块级元素<div><div>和123，可以直观看到其具有独占一行的特点。

图1-a

图1-b

 使用margin 0 auto 的样式设置可以使其居中，如图2所示：

图2-a

图2-b

内联元素：

行级元素

特点：

1. 不能设置宽度高度内容决定宽度高度
2. 不会独占一行，可以和内联元素在一行显示
3. 内外边距只能设置水平不能设置垂直
4. 可以包裹内联元素

行内块元素

特点：

1. 设置宽度高度,如果不设置宽度高度内容决定宽度高度
2. 不会独占一行，可以和内联元素在一行显示
3. 可以设置内外边距
4. 可以包裹内联元素