HTML 入门教程:10 分钟搞懂网页结构

2026-08-088 分钟教程

HTML 入门教程:10 分钟搞懂网页结构

HTML 是网页的骨架,所有网页都是 HTML 写的。本文用 10 分钟讲清楚它的核心概念,零基础也能看懂。

什么是 HTML

HTML(HyperText Markup Language)用标签描述内容结构。标签成对出现:<p>这是段落</p>。

页面基本结构

<!DOCTYPE html>
<html>
  <head><title>标题</title></head>
  <body>页面内容</body>
</html>

head 放元信息(标题、描述),body 放可见内容。

常用标签

标题:h1-h6(从大到小)
段落:p
链接:a href="url"
图片:img src="url" alt="描述"
列表:ul/ol + li
强调:strong(粗)/ em(斜)

语义化很重要

用 header、nav、main、footer 等语义标签,搜索引擎更好理解页面,排名有优势。这也是 SEO 的基础。

下一步

学完 HTML 接着学 CSS(美化)和 JavaScript(交互),就能写完整网页了。

HTML 教程前端

← 返回文档列表回到首页