【新手入门】超全Linux终端常用指令大全（附代码实例+避坑指南）
2026/8/20 23:10:57
前言
本教程专为完全零基础、从没接触过代码的新手编写，全程不讲晦涩术语，所有概念、案例都附带通俗解释，手把手带你认识HTML。看完这篇，你将彻底搞懂：什么是HTML、HTML的作用、HTML版本区别、HTML能做什么、以及第一个可运行的HTML代码案例。
一、什么是HTML？（通俗大白话解释）
1.1 官方标准定义
HTML 全称：HyperText Markup Language，中文翻译为：超文本标记语言。
我们拆分这个名字，逐个理解，新手一秒看懂：
超文本（HyperText）：不只是普通的文字！可以包含文字、图片、视频、音频、链接、按钮、表格等所有网页元素，还能通过链接跳转到其他页面，这就是“超文本”。
标记（Markup）：不是编程语言！没有逻辑、没有计算、没有判断，只用「标签」给内容做标记，告诉浏览器：这段文字是标题、这段是段落、这个是图片。
语言（Language）：一套浏览器能识别的固定规则和语法。
1.2 最通俗的生活化比喻
如果把网页比作一栋房子：
HTML 就是房子的钢筋骨架、墙体结构：负责搭建页面的基础结构，定义哪里是标题、哪里是文字、哪里放图片、哪里放按钮。
后续要学的 CSS 是「装修美化」：改颜色、调大小、排布局；
后续要学的 JavaScript 是「家电功能」：实现点击、弹窗、轮播等交互。
核心重点（新手必记）：HTML不是编程语言，是标记语言！它不能实现逻辑运算（比如1+1计算、判断对错），只负责搭建网页结构、展示内容。
二、HTML 的核心作用（为什么必须学它？）
所有我们浏览的网页（百度、抖音、知乎、购物网站），底层全部都是 HTML 搭建的。没有HTML，就没有网页。
HTML 唯一核心作用：结构化展示网页所有内容，具体包含：
定义网页的标题、段落、列表、文字；
插入图片、视频、音频、表情包；
制作超链接、按钮、输入框、表单；
搭建表格、布局板块、页面结构；
让浏览器识别、渲染出完整的网页，而不是一堆杂乱的纯文本。
三、HTML 版本发展史（重点掌握HTML5）
HTML 从诞生至今经历了多个版本迭代，旧版本基本被淘汰，我们只需要了解核心版本，目前所有开发、所有教程、所有企业全部使用 HTML5。
3.1 各版本迭代详解（新手不用死记，了解区别即可）
1. HTML 1.0（1993年）—— 初代版本
最原始的版本，功能极其简陋，只能展示纯文字、简单段落，没有图片、没有样式、没有复杂布局，是网页的雏形。
2. HTML 2.0（1995年）—— 标准化基础
完善了基础语法，制定了最基础的网页标准，加入了表单、链接等基础功能，让网页可以简单交互，但依然非常简陋。
3. HTML 3.2（1997年）—— 丰富基础功能
新增了表格、字体、颜色等简单样式，网页开始告别纯文字，能展示简单的排版效果，是早期静态网页的核心版本。
4. HTML 4.01（1999年）—— 经典旧版本
统治网页行业近20年的经典版本，语法完善、功能齐全，支持大部分网页基础功能。但存在巨大缺陷：结构混乱、标签冗余、不支持移动端、不支持多媒体（视频/音频）。
5. XHTML（2000年）—— 严格规范版本（已淘汰）
是HTML4的严格升级版，语法极其严苛，所有标签必须闭合、必须小写，容错率极低，开发效率低，现在完全被淘汰，不用学习。
6. HTML5（2014年正式定稿）—— 目前唯一主流版本
重点！！！新手直接学 HTML5 即可，不用学旧版本
HTML5 是目前最新、最主流、唯一被所有浏览器支持的版本，也是企业开发的唯一标准。
3.2 HTML5 相比旧版本的核心优势（新手必看）
支持多媒体：原生支持视频、音频播放，不需要第三方插件；
适配移动端：完美适配手机、平板、电脑所有设备；
语义化标签：标签有明确含义，结构清晰，浏览器和搜索引擎更容易识别；
语法宽松简单：容错率高，新手更容易上手；
功能强大：支持画布绘图、本地存储、地理位置等高级功能；
兼容性极强：所有现代浏览器（Chrome、Edge、火狐、Safari）全部支持。
四、HTML 的核心语法规则（新手入门核心）
HTML 所有内容都是由标签组成的，这是HTML最核心、最基础的规则，所有网页都遵循这个规则。
4.1 什么是HTML标签？
标签是由尖括号 < >包裹的关键词，是浏览器的“指令”，告诉浏览器要展示什么内容、以什么形式展示。
4.2 标签的两种类型（带详细举例）
1. 双标签（闭合标签）—— 绝大多数标签
由开始标签和结束标签组成，中间包裹内容，格式：<标签名>内容</标签名>
举例1：段落标签 <p>
<p>这是我的第一个网页段落内容，新手零基础学HTML！</p>代码解释：
<p>：开始标签，告诉浏览器：接下来是一段正文段落；中间文字：是需要展示在网页上的内容；
</p>：结束标签，告诉浏览器：这段段落内容结束了。
举例2：标题标签 <h1>
<h1>HTML简介零基础教程</h1>浏览器会自动将中间文字渲染为大标题，加粗、放大。
2. 单标签（自闭合标签）—— 少数特殊标签
只有一个标签，没有结束标签，不需要包裹内容，一般用于插入资源，格式：<标签名 />（HTML5中可省略斜杠）
举例：换行标签 <br>、图片标签 <img>
<br> <!-- 强制换行，没有内容，不需要闭合 --> <img src="图片地址"> <!-- 插入图片，单标签 -->4.3 HTML 注释规则
注释是写给程序员看的备注，浏览器会自动忽略，不会显示在网页上，用于解释代码作用。
注释格式：<!-- 这里是注释内容 -->
举例：
<!-- 下面是网页大标题 --> <h1>零基础学HTML</h1>五、完整的HTML5标准网页结构（必背基础骨架）
每一个HTML网页，都必须有一套固定的基础骨架，缺一不可！这是所有网页的通用结构，新手必须熟记。
5.1 完整可运行代码案例
新建一个文本文档，后缀名改为.html，复制以下代码，双击打开即可看到网页效果。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个HTML网页</title> </head> <body> <!-- 网页所有可见内容，都写在body里面 --> <h1>欢迎学习HTML零基础教程</h1> <p>大家好，我是新手，正在学习HTML简介！</p> </body> </html>5.2 逐行超详细代码解释（新手逐句看懂）
<!DOCTYPE html>：文档声明，告诉浏览器：当前网页使用的是HTML5标准，必须写在第一行，缺一不可。<html lang="zh-CN">：网页根标签，包裹所有网页代码；lang="zh-CN"表示网页语言是中文，方便浏览器识别。<head>：网页头部，存放网页看不见的配置信息，不会展示在页面中。<meta charset="UTF-8">：设置网页编码格式为UTF-8，防止中文乱码，必须写！<title>：网页标题，显示在浏览器标签页的标题上。<body>：网页主体，所有能看到的内容（文字、图片、按钮、视频）全部写在这里面。
六、新手常见误区（避坑重点）
误区1：HTML是编程语言？ 纠正：不是！是标记语言，无逻辑、无变量、无运算，只做结构展示。
误区2：需要安装复杂软件才能写HTML？ 纠正：不需要！电脑自带记事本、VS Code、任意编辑器都可以，后缀改
.html即可运行。误区3：HTML4和XHTML需要学习？ 纠正：完全不需要！直接学HTML5，旧版本已淘汰。
误区4：标签可以随便写？ 纠正：必须使用浏览器识别的标准标签，自定义无效标签不会生效。
七、本篇总结（新手核心记忆点）
HTML是超文本标记语言，负责网页结构搭建，不是编程语言；
目前唯一主流版本是HTML5，适配所有设备、功能强大；
HTML由标签组成，分为双标签、单标签，有固定语法规则；
标准网页骨架：文档声明 + html根标签 + head头部 + body主体；
所有网页可见内容，全部写在 <body> 标签内部。
下节预告
下一篇教程将详细讲解：HTML 编辑器，手把手带大家写更多实操案例，零基础循序渐进学习！