阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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定义多行的文本输入控件。
      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录