HTML 教程

本章节将系统讲解HTML的基础知识，包括HTML的定义、常用标签、网页结构、语义化、实战案例等内容，帮助你从零基础掌握网页开发的核心技能。

1. HTML是什么？

HTML（超文本标记语言，HyperText Markup Language）是构建网页的基础语言。它通过一系列标签（Tag）来描述网页的结构和内容。每个网页都由HTML文件构成，浏览器会解析HTML文件并渲染为可视化页面。

2. HTML标签与结构

HTML文档由一系列标签组成，常见标签有 HTML 元素、HTML 标题、HTML 段落等。每个标签通常成对出现，如 <h1>...</h1>。

HTML文档基本结构

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>网页标题</title>
  </head>
  <body>
    <h1>主标题</h1>
    <p>这里是正文内容。</p>
  </body>
</html>

3. 常用HTML标签

标题标签： <h1>~<h6>，用于定义标题，<h1>为最高级标题。
段落标签： <p>，用于定义段落。
链接标签： <a>，用于创建超链接。
图片标签： <img>，用于插入图片。
列表标签： <ul>、<ol>、<li>，用于无序/有序列表。
表格标签： <table>、<tr>、<td>，用于表格结构。

4. HTML语义化

合理使用语义化标签（如 <header>、<nav>、<main>、<footer>）有助于SEO和可访问性。

5. 实战案例

<!DOCTYPE html>
<html>
  <head><title>我的第一个网页</title></head>
  <body>
    <h1>欢迎来到高哩观晓童</h1>
    <p>这是我的第一个HTML页面。</p>
    <a href="https://www.glgxt.cn">访问高哩观晓童</a>
  </body>
</html>