HTML 列表
HTML 布局 

HTML 区块

在 HTML 中,区块(Block)元素是那些通常会形成新的行(即“块”)的元素,并且会在其前后都生成“换行符”的元素。区块元素通常用来组织大块的内容,如段落、标题、列表、表格等。


以下是一些常见的 HTML 区块(块级)元素:

<div>:这是一个通用的容器元素,经常用于样式和布局。

<p>:段落元素。

<h1> 到 <h6>:标题元素,从 <h1>(最大)到 <h6>(最小)。

<ul>, <ol>, <li>:无序列表、有序列表和列表项元素。

<header>, <footer>, <section>, <article>, <nav>, <aside>:HTML5 引入的语义化区块元素。

<form>:表单元素。

<table>, <tr>, <td>, <th>:表格元素。

<blockquote>, <pre>, <address>:引用、预格式化和地址元素。


例如,如果你有两个 <div> 元素,它们会各自占据一行(除非设置了浮动、内联或其他布局属性):

<div>这是第一个div元素。</div> 
 
<div>这是第二个div元素。</div>


这些区块元素在页面上通常会占据一整行或多行,并且可以通过CSS来设置它们的宽度、高度、内边距、外边距等样式属性。


与块级元素相对的是内联元素(inline elements),如 <span>, <a>, <img> 等,它们不会在其前后生成换行,而是与其他元素并排显示。