以下是HTML基础的4个实例及详解，涵盖基础结构、文本排版、列表和表格等核心内容，结合代码示例和重点说明：
实例1：HTML基础结构
功能：展示HTML页面的完整骨架，包含<!DOCTYPE>、<html>、<head>和<body>等核心标签。
代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>HTML基础结构示例</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的HTML页面。</p>
</body>
</html>详解：
<!DOCTYPE html>：声明文档类型为HTML5。<html lang="zh-CN">：定义根元素并指定语言为中文。<head>：包含元信息（如字符集<meta charset>）和标题<title>。<body>：页面可见内容区域，包含标题<h1>和段落<p>。
实例2：文本排版
功能：演示HTML中标题、段落、换行和格式化标签的使用。
代码：
<!DOCTYPE html>
<html>
<head>
<title>文本排版示例</title>
</head>
<body>
<h1>主标题</h1>
<h2>副标题</h2>
<p>这是一个段落，包含<strong>加粗</strong>和<em>斜体</em>文本。</p>
<p>第二段<br>使用换行标签</p>
<pre>这是预格式化文本，保留空格和换行。</pre>
</body>
</html>详解：
<h1>到<h6>：标题标签，<h1>级别最高。<p>：段落标签，自动换行。<strong>和<em>：分别表示加粗和斜体。<br>：换行标签，强制换行。<pre>：预格式化标签，保留文本中的空格和换行。
实例3：列表
功能：展示无序列表、有序列表和嵌套列表的用法。
代码：
<!DOCTYPE html>
<html>
<head>
<title>列表示例</title>
</head>
<body>
<h3>无序列表（项目符号）</h3>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
<h3>有序列表（编号）</h3>
<ol>
<li>第一步：打开浏览器</li>
<li>第二步：输入网址</li>
<li>第三步：访问页面</li>
</ol>
<h3>嵌套列表</h3>
<ul>
<li>水果
<ul>
<li>苹果</li>
<li>香蕉</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>胡萝卜</li>
<li>菠菜</li>
</ul>
</li>
</ul>
</body>
</html>详解：
<ul>和<ol>：分别表示无序列表和有序列表。<li>：列表项标签，嵌套在<ul>或<ol>中。- 嵌套列表：通过在
<li>中再嵌套<ul>或<ol>实现。
实例4：表格
功能：展示表格的基本结构、表头、单元格合并和样式控制。
代码：
<!DOCTYPE html>
<html>
<head>
<title>表格示例</title>
<style>
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
th { background-color: #f2f2f2; }
</style>
</head>
<body>
<h3>学生成绩表</h3>
<table>
<thead>
<tr>
<th>姓名</th>
<th>数学</th>
<th>英语</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>90</td>
<td>85</td>
</tr>
<tr>
<td>李四</td>
<td>78</td>
<td>92</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">平均分</td>
<td>88.5</td>
</tr>
</tfoot>
</table>
</body>
</html>详解：
<table>：定义表格容器。<thead>、<tbody>、<tfoot>：分别表示表头、主体和表尾。<tr>：表格行标签。<th>和<td>：分别表示表头单元格和标准单元格。colspan属性：合并单元格（如示例中合并两列显示“平均分”）。- 内联CSS：通过
<style>标签控制表格边框、背景色等样式。
总结
- 基础结构：掌握
<!DOCTYPE>、<html>、<head>和<body>的用法。 - 文本排版：熟练使用标题、段落、换行和格式化标签。
- 列表：区分无序列表、有序列表和嵌套列表的用法。
- 表格：理解表格结构、表头、单元格合并和样式控制。
通过以上实例，可以快速掌握HTML的核心标签和基础用法，为后续学习CSS和JavaScript打下基础。