你有没有想过，不用装软件、不靠别人，自己就能做出一个能在手机和电脑上打开的网页？其实，搭建一个基础的 H5 页面，比想象中简单得多——只需要三个文件：HTML、CSS 和 JS，再用浏览器点一下就能看到效果。
第一步：写个最简 HTML
新建一个文本文件，把后缀改成 .html，比如叫 index.html。用记事本或 VS Code 打开，贴进去下面这段：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个H5页</title>
</head>
<body>
<h1>欢迎来到我的小页面</h1>
<p>这是用纯代码搭出来的，没用任何建站工具。</p>
</body>
</html>保存后，双击这个文件，浏览器就自动打开了——你的 H5 页面已经上线了。
第二步：加点样式，让它好看点
在 <head> 里加一段 <style>，改改文字颜色和背景：
<style>
body {
font-family: "Microsoft YaHei", sans-serif;
background: #f5f5f5;
padding: 20px;
}
h1 {
color: #333;
text-align: center;
}
</style>刷新页面，是不是立刻清爽多了？不需要下载 CSS 框架，几行代码就够用。
第三步：让页面动起来（可选）
比如点击按钮弹个提示，就在 <body> 底部加个 <script>：
<button onclick="alert('H5 页面，就是这么直接！')">点我试试</button>
<script>
// 这里可以写更多交互逻辑
</script>现在点按钮，弹窗就出来了。JS 不用学多深，会写这一句，已经能搞定不少小需求。
小提醒：别被“H5”吓住
很多人一听“H5”，以为非得会 React、Vue 或者用某某平台生成。其实 H5 就是 HTML5 的简称，核心还是那套老朋友：HTML 结构 + CSS 样式 + JS 行为。朋友圈里那些答题页、节日贺卡、产品介绍页，很多底层就是这么搭的。
想发给别人看？把 index.html 连同图片等资源打包，发微信或邮箱，对方双击就能打开——连服务器都不用租。