阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML 行内元素

      HTML 行内元素

      HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。下面这个例子说明了行内元素的作用范围:

      行内元素示例

      HTML

      <p>This <span>span</span> is an inline element; its background has been colored to display both the beginning and end of the inline element's influence</p>
      

      CSS

      span { background-color: #8ABB55; }
      

      This span is an inline element; its background has been colored to display both the beginning and end of the inline element's influence

      行内元素与块级元素对比

      • 内容
        • 一般情况下,行内元素只能包含数据和其他行内元素。
        • 而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
      • 格式
        • 默认情况下,行内元素不会以新行开始,而块级元素会新起一行。

      行内元素列表

      下面的元素都是行内元素:

      标签属性
      b定义粗体文本。
      bigHTML5 不再支持。 定义大号文本。
      i定义斜体文本。
      small定义小号文本。
      tt定义表格中的行。
      abbr定义一个缩写。
      acronymHTML5 不再支持。 定义只取首字母的缩写。
      cite定义引用 (citation)。
      code/api/html/formatting-stress/tag-code.html
      dfn定义定义项目。
      em定义强调文本。
      kbd定义键盘文本。
      strong定义语气更为强烈的强调文本。
      samp定义计算机代码样本。
      var定义文本的变量部分。
      a定义一个链接
      bdo定义文本的方向。
      br定义简单的折行。
      img定义图像。
      map定义图像映射。
      object定义嵌入的对象。
      q定义短的引用。
      script定义客户端脚本。
      span定义文档中的节。
      sub定义下标文本。
      sup定义上标文本。
      button定义按钮。
      input定义一个输入控件
      label定义 input 元素的标注。
      select定义选择列表(下拉列表)。
      textarea定义多行的文本输入控件。
      目录
      目录