HTML + CSS 网页制作入门完全教程：从零写出你的第一个网页

适用人群：想学做网站但不知道从哪下手的小白、被"前端"吓到的人、想给项目做个落地页/个人主页的人。 学完你能做到：用记事本写出带标题、图片、按钮、排版的网页，并在浏览器里打开看到效果。 配合之前发的《JavaScript 入门》食用更佳——HTML 是骨架，CSS 是皮肤，JS 是灵魂。

一、三件套的关系（先建立认知）

技术 角色 比喻
HTML 结构与内容 人体的骨头和器官
CSS 样式与排版 穿的衣服、长相
JavaScript 交互与逻辑 会动的神经反应

本文搞定前两个。一个最朴素的网页，本质是一个 .html 文本文件。

二、你的第一个网页（3 步）

  1. 桌面新建文件 index.html（注意后缀是 .html）。
  2. 用记事本打开，粘贴下面内容：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>我的第一个网页</title>
</head>
<body>
  <h1>你好，世界！</h1

🔒 付费文档

支付 5 积分后即可解锁全部内容