HTML常用标签

最新推荐文章于 2025-05-31 10:10:35 发布

前端酸菜鱼a

最新推荐文章于 2025-05-31 10:10:35 发布

阅读量125

点赞数

文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/weixin_59719613/article/details/132394170

版权

本文详细介绍了HTML中的各种标签，包括标题标签（h1-h6）的语义和使用，段落和换行标签，以及文本格式化（加粗、倾斜、删除线和下划线）的方法。还讲解了<div>和<span>的区别，以及<img>标签用于添加图像的属性和注意事项。

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

1.标题标签<h1>-<h6>

标签语义：作为标题使用，并且依据重要性递减。

<body>
    <h1>标题标签</h1>
    <h1>标题一共六级选，</h1>
    <h2>文字加粗一行显。</h2>
    <h3>由大到小依次减，</h3>
    <h4>从重到轻随之变。</h4>
    <h5>语法规范书写后，</h5>
    <h6>具体效果刷新见。</h6>
    ------pink老师
</body>

2.段落和换行标签

<p>

标签语义：可以把HTML文档分割为若干段落

<br/>单标签

标签语义：强制换行

3.文本格式化标签

在网页中，有时需要为文字设置粗体，斜体，下划线等效果，这时就需要用到HTML中的文本格式化标签，文字以特殊的方式显示。

标签语义：突出重要性，比普通文字重要。

①

我是<strong>加粗</strong>标签

我是<b>加粗</b>标签

②

我是<em>倾斜</em>标签

我是<i>倾斜</i>标签

③

我是<del>删除线</del>

我是<s>删除线</s>

④

我是<ins>下划线</ins>

我是<u>下划线</u>

4.<div>和<span>标签

<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的。

特点:<div>标签用来布局，但是现在一行只能放一个<div>，是个大盒子；<span>标签用来布局，一行上可以放多个<span>，是个小盒子。

5.图像标签和路径

在HTML标签中，<img>标签用来定义HTML页面中的图像。

以下此表格为图片标签的属性：

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本。ti图像不能显示时出现的文字
title	文本	提示文本。鼠标放到图像上，显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

<img src="img1.jpg" alt="图片无法显示">

<img src="img.jpg" title="我是图片">

    <h4>width给图像设置宽度：</h4>
    <img src="img.jpg" width="500">
    <h4>height给图像设置高度：</h4>
    <img src="img.jpg" height="100">

注意：一般不同时设置高度和宽度，只设置其中一个，图片才能等比例缩放。

<img src="img.jpg" width="500" border="15">

图像标签属性注意点：

①

图像标签可以拥有多个属性，必须写在标签名的后面。

②

属性之间不分先后顺序，标签名与属性，属性与属性值之间均以空格分开。

③

属性采取键值对的格式，即key="value"的格式，属性="属性值"。