web设计：区块元素（5）

原创于 2019-05-23 17:23:56 发布 · 206 阅读

CC 4.0 BY-SA版权

博客介绍了HTML标签中块级元素和内联元素的区别。块级元素在浏览器显示时通常以新行开始和结束，如h1、p等；内联元素显示时通常不以新行开始，如b、a等，并给出了相应示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html的标签通常分为块级元素和内联元素

块级元素在浏览器显示时，通常会以新行来开始（和结束）。
常用块级元素

h1, p, ul, table等

例如

<html>
  <head>
    <meta charset="utf-8"> 
 </head>
  <body>
    
   <h1>第一行</h1><h1>第二行</h1>

  </body>
</html>

h1是块级元素，每一对h1都会占一行
在这里插入图片描述
内联元素在显示时通常不会以新行开始。

b, td, a, img等
a是内联元素，两对a标签不会换行
例如

<html>
  <head>
    <meta charset="utf-8"> 
 </head>
  <body>
    
   <a>第一行</a><a>第二行</a>

  </body>
</html>

在这里插入图片描述