Appearance
第 2 周:什么是网站?
重点:HTML 的本质是"语义化的结构描述",用与其他格式(txt/md/json/word)的对比逼出"结构+内容+样式分离"。 边界:样式归第 5 周;HTTP 协议归第 3 周;表单与前后端交互归第 4 周。
课堂任务
- 立项报告检查与答辩 立项指南。
概念
- 什么是网页 — 网页与网站:文档、超链接与站点
- HTML文档 — 文档结构:doctype、head、body
- HTML基本语法 — 元素、属性、嵌套
- 语义标记 — 用语义组织结构,而非用标签排外观
- 书页与网页 — 从"书页"到"网页":超文本的对照理解
- 超链接 — Web 的核心:文档间的跳转
- 格式与转义 — 特殊字符与实体
- 可访问性 — 语义化的价值所在
- HTML的版本 — HTML 的演化与现状
对比:HTML 与其他格式
围绕"结构+内容+样式分离"的对比组:
- 文本文件与二进制文件 — 文件的两个大类
- markdown — 轻量标记:写起来快,表达力有限
- 多媒体文档 — word/jpg 等格式与 HTML 的分野
容器:文档、页面、窗口
- 文档、页面、窗口与框架 — 同一批"容器"在信息/存储/网络/渲染四个视角下的分工;iframe 把页面组合进页面
实训
- 实训:用VitePress建站 — 从 markdown 到网站:安装、构建、主题(样式)、live demo 插件(行为),并与 WordPress 对比
作业
- git仓库初始化
- 个人项目的html版本