小白_ysf
小白_ysf

在HTML中的行内元素（inline elements）、块级元素（block-level elements）和空元素（void elements 或 empty elements）。

目录

行内元素（Inline Elements）

块级元素（Block-level Elements）

空元素（Void Elements 或 Empty Elements）

行内元素（Inline Elements）

  1. 定义：行内元素不会开始新的一行，而是与其他元素并排显示。
  2. 特点：
    1. 不会打断文本流。
    2. 高度、行高以及外边距和内边距的上下部分不可改变。
    3. 宽度就是它的文字或图片的宽度，不可改变。
    4. 内联元素之间会有空白符（空格、换行等）产生的间隔。
  3. 常见元素及作用：

：用于对文档中的一部分文本进行组合，通常与CSS一起使用以应用样式。
：定义超链接，允许用户点击跳转到其他页面或页面内的特定部分。
：用于在文档中嵌入图像。（图片，尽管它是空元素，但在文本中作为行内元素显示）

：插入一个简单的换行符。（尽管它是一个空元素，但在某些情况下可以影响行内元素的布局）
：在表单中定义输入控件，如文本框、密码框、单选按钮等。


块级元素（Block-level Elements）

  1. 定义：块级元素总是从新的一行开始，并且占据整行或尽可能多的空间，直到遇到下一个块级元素或容器元素的边界。
  2. 特点：
    • 总是从新的一行开始，占据整行或尽可能多的空间。
    • 高度、行高以及外边距和内边距都可以控制。
    • 宽度默认是容器的100%，除非设置了特定的宽度。
  3. 常见元素及作用：

：定义文档中的一个区块或区域，通常与CSS一起使用以应用布局和样式。

：定义段落，浏览器会在段落前后自动添加一些空白。

-

：定义标题或子标题，

表示最大的标题，

表示最小的标题。
    ：定义有序列表，列表项默认使用数字进行编号。