HTML基础知识

唯一Chat

发布于 2026-08-25 08:56:58

870

文章被收录于专栏：陶士涵的菜地陶士涵的菜地

咱们平时用浏览器打开的网站，微信点开的网页，扫二维码、点别人发的链接跳出来的页面，这些，基础单元全都是网页。

做网页最基础的就是 HTML，全称叫超文本标记语言，属于标记语言，相当于网页的骨架。

网页就跟人一样，得有骨架还有皮肉。HTML 就是那个骨架。那网页长啥样，文字多大、啥颜色、用什么字体，这些外观样式，就靠 CSS，也就是层叠样式表来控制。

说白了，做网页最基础就两样：HTML 负责骨架结构，CSS 负责样式外观，有这俩就能做出网页来了。

咱们一步步来，亲手做个最简单的网页。首先在文件夹里面，右键新建一个文本文档，名字改成 “公司网页”，此时它的文件后缀是 .txt。

要是电脑看不到文件后缀名怎么办？打开资源管理器，点上方的【查看】，找到显示板块，把 “文件扩展名” 这个选项勾选上，后缀就显示出来了。 ⚠️重点提醒：一定要打开这个选项，不然你改的只是文件名，文件实际后缀依旧是.txt，网页无法正常运行。

接着把这个文件的后缀 .txt 直接改成 .html。系统会弹出提示：改扩展名可能会让文件失效，问你要不要确认，直接点 “是” 就行。这里是我们主动修改，无需担心损坏。现在文件就变成 html 网页文件了。

双击这个文件，会直接用浏览器打开，不过现在页面是空白的，因为里面啥代码、啥文字都没写。

接下来写基础 HTML 代码。没有专门的代码编辑器，用记事本就能打开；有编辑器的话，更推荐用编辑器打开，它有语法高亮，写代码看着更清楚。

✅重点！写代码一定要把输入法切成英文模式，中文输入法打出来的括号、尖括号等符号会直接报错。

先记住最小网页基础框架，所有网页都要有这套基础结构：

<!DOCTYPE html>
<html>
<head>
    <!-- 网页头部，存放浏览器标签标题等配置，内容不会展示在网页页面中 -->
    <title>测试</title>
</head>
<body>
    <!-- body里面写页面上看得见的内容 -->
    <h1>你好</h1>
</body>
</html>

简单解释：