HTML 基础

HTML 文件是什么?怎么打开、查看和分享

HTML 文件是告诉浏览器如何显示网页的纯文本文件。这篇指南讲清楚 .html 文件里到底有什么、打开它的三种方式,以及怎么把本地 HTML 文件变成一个可分享的链接。

HTML 文件是什么

HTML 全称 HyperText Markup Language(超文本标记语言),是所有网页使用的标准语言。以 .html 结尾的文件里是纯文本形式的标记代码:标题、段落、链接、图片和页面结构,写成 <h1>、<p>、<a> 这样的标签。

文件本身不是你看到的页面。浏览器读取文件、解析标签之后渲染出最终效果。在电脑上双击一个 .html 文件,浏览器就会像打开网站一样打开它。

.html 文件里有什么

用任意文本编辑器打开 .html 文件,看到的是可读的源代码,而不是二进制格式。

  • DOCTYPE 声明和 <html> 根元素
  • <head> 部分:页面标题、meta 描述、CSS 样式表引用
  • <body> 部分:用户可见的内容——文字、图片、链接、按钮
  • 外部资源引用:CSS、JavaScript、图片通常是独立文件,通过相对路径加载

打开 HTML 文件的三种方式

用哪种方式取决于你想看渲染后的页面,还是背后的代码。

  • 浏览器打开:双击文件或拖进浏览器窗口,查看渲染效果
  • 文本编辑器打开:用 VS Code、记事本等查看和修改源代码
  • 查看网页源码:在任意网页按 Ctrl+U(Mac 为 Cmd+Option+U)查看它的 HTML

怎么把 HTML 文件变成真正的网页并分享

本地打开只在自己电脑上有效。把 .html 文件当附件发给别人,CSS、图片、脚本通常全部失效——因为相对路径找不到对应文件了。

发布到线上才能解决。把 HTML 文件——或者连同静态资源的整个文件夹 / ZIP——上传到 HTML To Link(htmlto.link),就能得到一个普通的 https 链接,任何人在手机或电脑浏览器里都能直接打开。

FAQ

HTML 文件和网页是一回事吗?

不完全是。.html 文件是源代码,网页是浏览器渲染后的结果。一个文件可以是一个完整页面,但完整的网站通常由 HTML 文件加 CSS、JavaScript、图片共同组成。

不用浏览器能打开 HTML 文件吗?

可以。从记事本到 VS Code,任何文本编辑器都能打开 .html 文件并显示源代码——HTML 本质上是纯文本。

为什么发出去的 HTML 文件打开是乱的?

因为 CSS、图片等资源是独立文件,靠相对路径引用。只发 .html 文件,这些引用全部落空。把整个文件夹发布到线上,资源关系就会完整保留。

怎么把 HTML 文件分享给别人?

最好的方式是发链接而不是发附件。把文件或文件夹上传到 htmlto.link,分享公开链接即可——对方像打开普通网页一样打开,文件结构原样保留。

相关指南