Skip to content

第 2 周:什么是网站?

重点:HTML 的本质是"语义化的结构描述",用与其他格式(txt/md/json/word)的对比逼出"结构+内容+样式分离"。 边界:样式归第 5 周;HTTP 协议归第 3 周;表单与前后端交互归第 4 周

课堂任务

概念

  1. 什么是网页 — 网页与网站:文档、超链接与站点
  2. HTML文档 — 文档结构:doctype、head、body
  3. HTML基本语法 — 元素、属性、嵌套
  4. 语义标记 — 用语义组织结构,而非用标签排外观
  5. 书页与网页 — 从"书页"到"网页":超文本的对照理解
  6. 超链接 — Web 的核心:文档间的跳转
  7. 格式与转义 — 特殊字符与实体
  8. 可访问性 — 语义化的价值所在
  9. HTML的版本 — HTML 的演化与现状

对比:HTML 与其他格式

围绕"结构+内容+样式分离"的对比组:

  1. 文本文件与二进制文件 — 文件的两个大类
  2. markdown — 轻量标记:写起来快,表达力有限
  3. 多媒体文档 — word/jpg 等格式与 HTML 的分野

容器:文档、页面、窗口

  1. 文档、页面、窗口与框架 — 同一批"容器"在信息/存储/网络/渲染四个视角下的分工;iframe 把页面组合进页面

实训

  1. 实训:用VitePress建站 — 从 markdown 到网站:安装、构建、主题(样式)、live demo 插件(行为),并与 WordPress 对比

作业

  • git仓库初始化
  • 个人项目的html版本