在HTML中哪些是块级元素(block)?哪些是内联元素(inline)?码笔记分享块级元素和内联元素汇总大全:

HTML块级元素

HTML中的块级元素(block element)总是在新一行开始,高度边距都是可控的,并且块元素容纳内联元素和其他块元素,码笔记分享常见的块元素:

  • <address>...</address>地址
  • <center>...</center>居中对齐块
  • <h1>...</h1>标题一级
  • <h2>...</h2>标题二级
  • <h3>...</h3>标题三级
  • <h4>...</h4>标题四级
  • <h5>...</h5>标题五级
  • <h6>...</h6>标题六级
  • <hr>水平分割线
  • <p>...</p>段落
  • <pre>...</pre>预格式化
  • <blockquote>...</blockquote>段落缩进(前后5个字符)
  • <marquee>...</marquee>滚动文本
  • <ul>...</ul>无序列表
  • <ol>...</ol>有序列表
  • <dl>...</dl>定义列表
  • <table>...</table>表格
  • <form>...</form>表单
  • <div>...</div>
  • 块级元素大多为结构性标记。

    HTML行内(内联)元素

    行内元素也可以叫做内联元素(inline element),行内元素与其他元素在一行上,高、边距和宽度不可以改变,内联元素只能容纳文本或者其他内联元素。常见的行内元素有:

  • <span>...</span>定义文本内区块
  • <a>...</a>链接
  • <br>换行
  • <b>...</b>加粗
  • <strong>...</strong>加粗
  • <img >图片
  • <sup>...</sup>上标
  • <sub>...</sub>下标
  • <i>...</i>斜体
  • <em>...</em>斜体
  • <del>...</del>删除线
  • <u>...</u>下划线
  • <input>...</input>文本框
  • <textarea>...</textarea>多行文本
  • <select>...</select>下拉列表