HTML 简介

HTML(HyperText Markup Language,超文本标记语言)是一门用来描述网页结构的语言。你在浏览器中看到的每一个网页,无论多漂亮多复杂,骨架上都是用 HTML 搭建的。对零基础读者来说,学 HTML 是进入 Web 世界的第一步:门槛低、见效快,几分钟就能写出自己的第一个页面。

什么是 HTML

HTML 不是编程语言,而是一种标记语言:它用一对对的"标签"把内容包起来,告诉浏览器"这一段是标题、那一段是段落、这里放一张图片"。浏览器收到 HTML 文件后,再把它翻译成我们眼睛看到的图文页面。

下面是最小的 HTML 片段,先混个眼熟:

<h1>我的第一个网页</h1>
<p>你好,世界!</p>

在浏览器中显示为:一行大号加粗的标题"我的第一个网页",下方紧跟一行普通字号的"你好,世界!"。

提示:<h1> 是一级标题、<p> 是段落,它们是 HTML 中最常用的两个标签,后面各章节会逐个详解。

为什么学 HTML

  • 它是万维网的基石,做网站、写网页、搭博客都从 HTML 开始。
  • 简单易上手,不需要安装复杂的软件,一个记事本就能写。
  • 它是 CSS、JavaScript 以及各种前端框架(Vue、React 等)的共同基础,学完 HTML 才算真正迈入前端大门。

HTML 的由来与发展

HTML 由蒂姆·伯纳斯-李在 1991 年发明,此后经历了 HTML 2.0、3.2、4.01 等版本。2014 年 W3C 发布了 HTML5 正式标准,新增了视频、音频、画布(Canvas)、本地存储等能力,如今所有主流浏览器都已统一支持。本教程后面的内容基本都基于 HTML5。

HTML 与编程语言的区别

HTML 只能"描述结构",没有变量、循环、判断这类逻辑能力。打个比方:HTML 像建筑施工图,标注哪里是墙、哪里是窗;至于墙上开灯、窗户自动开关这些"行为",要靠 JavaScript 来实现。本阶段先把结构学扎实即可。

学 HTML 需要准备什么

一个文本编辑器(记事本、VS Code、Sublime 等均可)加上一个浏览器(Chrome、Edge、Firefox 等)就够了。把 HTML 代码保存为扩展名是 .html 的文件,双击就能在浏览器里查看效果。边写边看、随时刷新,是学习 HTML 最有效的方式。

小结

HTML 是网页的骨架语言,用标签描述内容结构,免费、跨平台、人人可学。弄清了"HTML 是什么、为什么学"之后,下一节我们就动手写第一个完整页面。

笔记加载中…