html 里面哪些是块级元素， 哪些是行内元素【热度: 160】

[yanlele]

关键词：html 标签元素

在 HTML 中，元素可分为块级元素和行内元素。

一、块级元素

1. 特点：

   • 独占一行，在页面中垂直布局。
   • 可以设置宽度、高度、外边距（margin）和内边距（padding）等属性。
   • 即使不设置宽度，也会自动占据整行的宽度。

2. 常见的块级元素有：

   • <div>：通用的块级容器元素，可用于划分页面的不同部分。
   • <p>：段落元素，用于包含文本段落。
   • <h1>到<h6>：标题元素，用于表示不同级别的标题。
   • <ul>和<ol>：无序列表和有序列表元素。
   • <li>：列表项元素，用于包含在<ul>或<ol>中。
   • <blockquote>：引用块元素，用于引用大段文本。
   • <form>：表单元素，用于包含表单控件。
   • <table>：表格元素，用于创建表格结构。

二、行内元素

1. 特点：

   • 不会独占一行，多个行内元素可以在同一行内水平排列。
   • 宽度和高度由内容决定，不能直接设置宽度和高度。
   • 可以设置内边距和外边距，但上下边距的效果可能与块级元素不同。

2. 常见的行内元素有：

   • <span>：通用的行内容器元素，可用于包裹文本或其他行内元素。
   • <a>：链接元素，用于创建超链接。
   • <img>：图像元素，用于插入图片。
   • <strong>和<em>：强调元素，分别用于表示强烈强调和强调的文本。
   • <input>：输入框元素，用于表单中的用户输入。
   • <button>：按钮元素，用于触发特定的操作。
   • <label>：标签元素，通常与表单控件关联。

此外，还有一些元素具有特殊的显示特性，既可以表现为块级元素，也可以表现为行内元素，例如<li>元素在某些情况下可以作为块级元素显示，也可以通过 CSS 设置为行内元素显示。通过 CSS 的display属性，可以改变元素的默认显示方式，将块级元素转换为行内元素，或将行内元素转换为块级元素。