第二章常用的HTML标签-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_81323885/article/details/136797045

本文介绍了HTML中的基本元素类型，包括块级元素、内联元素，详细讲解了标题标签（h1-h6）的使用以及段落、换行、水平线标签的示例。同时，还介绍了span标签的用途和文本格式化标签如<b>,<strong>,<i>等的用法。

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

大多数的HTML元素被定义为块级元素或联元素。

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

内联元素在显示时通常不会以新行开始。

1.标题标签

在HTML中，标题很重要

标题（Heading）是通过<h1>——<h6>标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。

一级标题：<h1>我是一级标题</h1>

二级标题：<h2>我是二级标题</h2>

三级标题：<h3>我是三级标题</h3>

四级标题：<h4>我是四级标题</h4>

五级标题：<h5>我是五级标题</h5>

六级标题：<h6>我是六级标题</h6>

标题很重要请确保将HTML标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

应该将h1作为标题（最重要的），其后是h2（次重要的），再其次是h3，以此类推。

2.HTML段落标签

HTML段落是通过标签<p>来定义的，可以将文档分割为干份的部分。

代码：

<body>
<p>请多多关照</p>
</body>

3.HTML区块

<div>标签没有特定的含义，它属于块级元素，浏览器会在前后显示折行。

可用于组合其他HTML元素容器，可以把文档分割为独立的，不同的部分。在css中使用是非常多的。

代码：

<div>谢谢大家的支持</div>

4.HTML其他常用标签

1.换行标签：<br>

<br>标签是空标签，由于关闭标签没有任何意义，因此它没有结束标签。

即使<br>在所有浏览器中都是有效的，但使用<br/>其实是更长远的保障。

代码：

<p>多多关照<br>谢谢大家</p>

效果图：

2.水平线标签：<hr>

<hr>标签在html页面中创建水平线，hr元素可用于分割内容。

<hr>同样也是没有结束标签。

代码：

<body>
    <p>多多关照,谢谢大家</p>
    <hr>
</body>

效果图：

3.<span>标签

<span>标签没有特定含义，是内联元素，可用于文本容器。当于css一同使用时，.<span>元素可用于为部分文本设置样式属性。

5.HTML文本格式化

标签	描述
<b>	定义粗体文本
<strong>	定义加重语气
<i>	定义斜体字
<em>	定义着重文字
<sub>	定义下标字
<sup>	定义上标字
<del>	定义删除文本