一、HTML标签的基本概念
HTML（Hypertext Markup Language），是一种用来描述文档语言的标记语言。而HTML标签，则是用来描述文档结构和样式的用于标识内容和属性的标记。
HTML标签由尖括号包围，通常是成对出现的，其中一个是开始标签（如<html>），用于标识内容的开始，另外一个是结束标签（如</html>），用于标识内容的结束。开始标签和结束标签之间的内容就是该标签所表示的内容。
除了成对出现的起止标签，还有一些标签只有单个标签，如<img>，用于在文档中插入图片，它没有结束标签，一般使用在开始标签里加上斜杠（<img src="image.png"/>），表示该标签在此结束。
二、HTML标签的基本分类
HTML标签可分为块级元素和内联元素两大类。块级元素比较独立，会占据一整行或者一块区域，一般用于页面的结构布局；而内联元素则有着更加细小的粒度，内容比较短小，一般用于文本排版和样式设定。
1.块级元素
HTML中常见的块级元素有<div>、<ul>、<ol>、<li>、<table>、<tr>、<td>等等，它们之间的排布会在页面中占用单独一行或一块区域，常用于网页的整体布局。
<div>
<p>这是一个</p>
<p>块级</p>
<p>元素</p>
</div>
2.内联元素
HTML中常见的内联元素有<a>、<span>、<img>、<input>、<b>、<i>等等，它们的内容一般比较短小，常用于文本样式、链接、图片等的设定。
<p>这是一个内联元素<b>加粗</b></p>
三、HTML标签的属性和常见用法
HTML标签除需设置内容外，还可以通过属性来指定其行为和展示方式。
1.图片标签<img>
用于在网页中插入图片。其常用属性有：
- src：指定图片的URL地址
- alt：在图片无法显示或者用户使用屏幕阅读器时，会显示替代文本
- width/height：指定图片显示的宽度和高度
<img src="image.png" alt="这是一张图片" width="200" height="200" />
2.超链接标签<a>
用于设置网页或者页面内的链接，其href属性表示链接的URL地址。
<a href="https://www.baidu.com">前往百度</a>
3.表格标签<table>
用于创建表格，其中<tr>标签表示表格中的一行，<td>标签表示表格中的一个单元格。
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
四、HTML标签的语义化
在编写HTML文档时，我们应尽可能贴近文本内容的语义，选择恰当的HTML标签来表现文本内容。这样做不仅便于搜索引擎的抓取和理解，也更加有利于开发者的理解和维护。
例如，使用<h1>、<h2>、<h3>等标题标签来展示标题，使用<p>来展示文本段落等。
五、总结
HTML标签是网页中最基础的元素，通过HTML标签对页面进行结构化和表示，使用正确的标签和属性，可以实现页面结构清晰、语义化和易于维护的优秀效果。
