HTML 常用的块级元素和行内元素

1. 常用的块级元素

• 块级元素具有如下特点：

  • 占据父容器的整行宽度。
  • 通常从新的一行开始。
  • 可以包含其他块级元素和行内元素。

• 常用的块级元素：

  div：通用的容器，用于布局和分块内容。
  h1 到 h6：标题标签，定义从一级标题到六级标题。
  p：段落标签，用于定义文本段落。
  ul 和 ol：无序列表和有序列表，分别用于定义项目符号列表和编号列表。
  li：列表项，用于在列表（ul 或 ol）中定义项目。
  blockquote：块级引用，用于引用大段的文本。
  header：页面或部分内容的头部。
  footer：页面或部分内容的底部。
  section：用于页面中定义内容的一个区块。
  article：表示页面中的一篇文章或独立的内容块。
  nav：定义导航链接的容器。
  aside：表示与页面主要内容相关的侧边内容。
  form：用于创建表单。
  table：定义表格结构。

• 其他常见的块级元素：
  hr：水平线，通常用于分割内容。
  figure：用于包含图像、图表或其他插图。
  figcaption：定义 figure 的标题或说明。

2. 常用的行内元素

• 行内元素具有如下特点：

  • 只占据内容所需的宽度，不会从新的一行开始。
  • 不能包含块级元素，但可以包含其他行内元素或文本。

• 常用的行内元素：

  span：通用的行内容器，通常用于局部样式化文本。
  a：链接标签，用于创建超链接。
  strong：用于表示重要的内容，通常显示为加粗文本。
  em：用于表示强调内容，通常显示为斜体文本。
  img：图像标签，用于嵌入图像。
  br：换行符，用于在文本中换行。
  i：斜体文本，通常用于表示不同语言或名词。
  b：加粗文本，用于强调部分内容。
  u：下划线文本。
  code：表示计算机代码，通常显示为等宽字体。
  small：用于显示小号文本。
  sub：下标文本。
  sup：上标文本。
  label：表单标签，用于描述表单控件。

• 其他常见的行内元素：
  mark：用于高亮文本。
  time：表示时间或日期。
  abbr：表示缩写。
  cite：用于引用标题或作品名称，通常显示为斜体。
  q：短引用，表示短的行内引用文本。

3 总结：

块级元素	行内元素
div	span
p	a
h1-h6	strong
ul,ol	li,em
table	i,b,u
blockquote	img
header,footer	br
article,section	code
nav	label
aside	mark,time,q