HTML哪些是块级元素哪些是行内(内联)元素?

在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>下拉列表
  • 2021云服务器又降价了,阿里云VS腾讯云
    云服务器特价:2021阿里云服务器优惠活动(全网低价)
    ①真便宜:阿里云服务器69元1年,203元3年(价格便宜 值得买)
    ②腾讯云:腾讯云服务器秒杀特惠88元一年起(特价)
    ③代金券:2021阿里云代金券一键领取中
    ④免费提供技术支持: 咨询客服