1. HTML是什么？
HTML（Hypertext Markup Language），译作“超文本标记语言”，是一种用来为网页添加标记（标签）的语言。
HTML标签是HTML文档的基本单位，编写HTML标签可以定义出一个完整的网页，此外，HTML标签还可以用于给网页添加与文字无关的元素，如图片、音频等多媒体。
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个网页</p>
</body>
</html>
2. HTML标签怎么用？
2.1 基本标签
以下是常用的HTML基本标签：
<p>…</p>：定义一个段落
<br>：定义换行
<h1>…</h1>～<h6>…</h6>：定义标题，h1最大，h6最小
<a href=”…”>…</a>：定义链接，href属性指定目标URL
<img src=”…” alt=”…”>：定义图片，src属性指定图片URL，alt属性指定图片描述
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个网页</p>
<a href="http://www.baidu.com">前往百度网站</a>
<br>
<img src="./my_picture.png" alt="我的图片">
</body>
</html>
2.2 标签属性
HTML标签可以附加属性，属性的名称和属性的值之间使用等号（=）连接：
<标签名 属性名="属性值">内容</标签名>
下面是常用的HTML标签属性：
class属性：用于定义CSS样式
id属性：用于JavaScript操作DOM
style属性：用于直接定义CSS样式
<!DOCTYPE html>
<html>
<head>
<style>
.my-class {
color: red;
font-size: 20px;
}
</style>
<title>我的网页</title>
</head>
<body>
<h1 id="my-title" class="my-class" style="text-align: center;">欢迎来到我的网页</h1>
<p class="my-class">这是我的第一个网页</p>
<a href="http://www.baidu.com" style="color: blue;">前往百度网站</a>
<br>
<img src="./my_picture.png" alt="我的图片">
</body>
</html>
2.3 列表标签
HTML列表主要包括无序列表<ul>和有序列表<ol>两种：
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol>
可以使用CSS对列表进行修改，如下：
<style>
ul {
list-style-type: none;
}
ol {
list-style-type: decimal;
}
li {
color: red;
}
</style>
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol>
2.4 表格标签
HTML表格由<table>、<thead>、<tbody>、<tr>、<th>和<td>标签组成，其中，<th>表示表头，<td>表示表单元格：
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</tbody>
</table>
可以使用CSS对表格进行修改，如下：
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
</style>
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</tbody>
</table>
3. 总结
HTML标签是网页的基础，掌握HTML标签的用法对于网页开发至关重要。
除了本文介绍的标签，HTML还有很多其他标签可供使用，建议开发者学会并掌握常用标签的用法和属性。同时，建议学会使用CSS对网页进行美化，以及JavaScript对网页进行交互。