HTML的块级元素（常⽤整理）
emmm，最近想整理复习⼀下前端的基础，最开始的HTML想了好久也没想好怎么写，最后也是决定以⾏块这样整理，再在后⾯补充吧。说到HTML，什么是HTML呢？
什么是 HTML？
HTML 是⽤来描述⽹页的⼀种语⾔。
HTML 指的是超⽂本标记语⾔ (Hyper Text Markup Language)
HTML 不是⼀种编程语⾔，⽽是⼀种标记语⾔ (markup language)
标记语⾔是⼀套标记标签 (markup tag)
HTML 使⽤标记标签来描述⽹页
也就是说HTML不是像java⼀样的⼀门编程语⾔，⽽是⼀门标记性语⾔。
那我们常说的HTML标签是什么意思呢？
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，⽐如 <html>
HTML 标签通常是成对出现的，⽐如 <b> 和 </b>
标签对中的第⼀个标签是开始标签，第⼆个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
也就是说，⼀对标签中包含着元素。⽽我们学习HTML也就是在学习HTML的标签。
现在开始，就把HTML中常⽤的块级元素整理出来。
⼀、HTML 标题
标题（Heading）是通过 《h1》 到 《h6》等标签进⾏定义的。
《h1》 定义最⼤的标题。《h6》 定义最⼩的标题。
<h1>这是⼀个h1标签</h1>
<h2>这是⼀个h2标签</h2>
<h3>这是⼀个h3标签</h3>
<h4>这是⼀个h4标签</h4>
<h5>这是⼀个h5标签</h5>
<h6>这是⼀个h6标签</h6>
像这样的在⽹页显⽰的就是：
这⾥可以再说⼀下另⼀个标签–>hr 元素可⽤于分隔内容。
例如上⾯的例⼦我们在每个h标签中间加上⼀个hr标签。
<h1>这是⼀个h1标签</h1>
<hr>
<h2>这是⼀个h2标签</h2>
<hr>
<h3>这是⼀个h3标签</h3>
<hr>
<h4>这是⼀个h4标签</h4>
<hr>
<h5>这是⼀个h5标签</h5>
<hr>
<h6>这是⼀个h6标签</h6>
这样显⽰出来的话就是这样：
哎？说到了hr标签，那就得说⼀下br标签。
HTML 折⾏
如果您希望在不产⽣⼀个新段落的情况下进⾏换⾏（新⾏），请使⽤ br 标签：<h1>这是⼀<br>个h1标签</h1>
在h1标签中加上⼀个br标签（标签是可以嵌套的）
⼆、HTML 段落
段落是通过 p标签定义的
<p>这是第⼀个p标签</p>
<p>这是第⼆个p标签</p>
我们打印⼀下看看，也是块级元素。
这⾥可以说⼀下，
<p>这是第⼀个p标签</p>
<p></p>
<p>这是第⼆个p标签</p>
像这样在标签中间插⼊⼀个空的p标签可以起到换⾏的作⽤，但是最好不要这么做，⽤上⾯说的那个br标签。
三、表格
表格由 table标签来定义。每个表格均有若⼲⾏（由 tr 标签定义），每⾏被分割为若⼲单元格（由 td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含⽂本、
图⽚、列表、段落、表单、⽔平线、表格等等。
举个例⼦看看。
<table>
<tr>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
</tr>
</table>
然后看⼀下在⽹页上显⽰的是什么样⼦的。
嘶，这和我想象的表格不太⼀样啊，emm，其实主要是少了边框，这⾥涉及了css的样式，就先把它看成⼀个表格吧，边框先⾃⼰想象。
表格的表头
表格的表头使⽤ th标签进⾏定义。
⼤多数浏览器会把表头显⽰为粗体居中的⽂本：
例如我在这个表格上加上⼀个表头：
<tr>
<th>这是第⼀列</th>
<th>这是第⼆列</th>
</tr>
<tr>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
</tr>
</table>
看⼀下效果哈：
关于表格还有⼀些其他的点我可能没有说到，如果需要⽤到的话可能就得在别的资料了。
四、HTML 列表
⽆序列表
⽆序列表是⼀个项⽬的列表，此列项⽬使⽤粗体圆点（典型的⼩⿊圆圈）进⾏标记。
⽆序列表始于 ul 标签。每个列表项始于 li。
这个也是⽐较常⽤的列表
我们来写⼀下：
<ul>
<li>这是第⼀个li</li>
<li>这是第⼆个li</li>
<li>这是第三个li</li>
<li>这是第三个li</li>
</ul>
然后我们看⼀下这个是啥样的。
html表格元素
Ok，那我们再看另⼀个。
有序列表
同样，有序列表也是⼀列项⽬，列表项⽬使⽤数字进⾏标记。
有序列表始于 ol标签。每个列表项始于 li 标签。
<li>这是第⼀个li</li>
<li>这是第⼆个li</li>
<li>这是第三个li</li>
<li>这是第三个li</li>
</ol>
就是把ul换成了ol，这回再看⼀下这个怎么有序。
五、HTML div 元素
HTML div元素是块级元素，它是可⽤于组合其他 HTML 元素的容器。
div元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显⽰折⾏。
如果与 CSS ⼀同使⽤，div元素可⽤于对⼤的内容块设置样式属性。
元素的另⼀个常见的⽤途是⽂档布局。它取代了使⽤表格定义布局的⽼式⽅法。
简单来说的话，div是⼀个块级元素，主要⽤来进⾏页⾯布局，进⾏组合其他的HTML元素，也可以把它当成⼀个容器。这⾥，就说这五个常⽤的块级元素。OK，结束。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。