【HTML】Day1--html中包含哪些元素？⭐️⭐️

[chenliqio]

一、行内元素

• 特点：

  1. 总是和相邻的行内元素在同一行；
  2. 设置宽高无效，margin和padding在水平方向设置有效，垂直方向上无效；
  3. 宽度由自身的宽度决定；
  4. 行内元素只能放其他行内元素或文本，a标签特殊，内部可以放块级元素。

• 行内元素有 a - 超链接
  span - 放文字的容器
  select - 下拉选择
  img - 图片
  input - 输入框
  label - 标签
  button - 按钮
  br - 换行

二、块级元素

• 特点

  1. 另起一行；
  2. 可以设置其宽度、高度，内外边距；
  3. 在不手动设置宽度的情况下，宽度默认为所在容器的100%；
  4. 可以容纳行内元素和其他块元素（文字类的块级元素不能放块元素）

• 块级元素
  div - 通用型流容器
  p - 文本段落
  h1~h6 - 文本标题
  ul - 无序列表
  ol - 有序列表
  form - 表单
  table - 表格 header - 用于展示介绍性内容 section - 表示一个包含在HTML文档中的独立部分

---

三、行内块元素

• 特点

  1. 和相邻行内元素在同一行，但是之间会有空白缝隙
  2. 默认宽度是本身内容的宽度
  3. 宽度、高度、行高、外边距以及内边距都可以手动设置

• 行内块元素 img - 将一份图像嵌入文档
  input - 输入框
  button - 按钮
  select - 下拉菜单
  td - 包含数据的表格单元格