# Web前端开发第1季:HTML5 —— 从零构建你的第一个网页 在数字化时代,每一张你浏览的网站页面背后,都有一套严谨而优雅的代码在支撑。Web前端开发不仅是程序员的入口,更是连接人与信息的桥梁。本季度课程专为零基础学员设计,带你系统掌握Web前端开发的核心基石——HTML5,并完成从环境搭建到代码托管的全流程实践。 ## 为什么从这里开始? 许多初学者往往急于学习JavaScript或框架,却忽略了最基础的结构语言。然而,HTML是网页的骨架,不懂HTML就无法真正理解前端。本课程首先从宏观视角切入,通过“全栈课程总体介绍”和“前后端技术探讨”,帮助你建立清晰的职业认知,明确前端开发在软件生命周期中的定位。你将了解到,前端不仅仅是“写页面”,更是用户体验的第一道关卡。 ## 工欲善其事,必先利其器 磨刀不误砍柴工。在正式编码前,课程将引导你完成两个关键工具的配置: - **VS Code**:作为目前最流行的代码编辑器,它以其轻量、插件丰富著称。你将学习如何下载安装、配置常用插件,并掌握高效编辑代码的技巧。 - **Git & GitHub**:版本控制是现代开发的标配。从Git的基本命令到GitHub的云端协作,你将学会如何保存代码历史、分支管理,以及如何将项目上传至全球开发者社区,为未来团队协作打下坚实基础。 ## 核心内容:掌握HTML5 课程主体部分围绕HTML5语法展开,由浅入深: - **文档结构与规范**:理解HTML5的语义化结构(`
`, `
`, `
`等),遵循W3C标准,写出可读性强、SEO友好的代码。 - **基础标签精讲**:标题、段落、文本格式化、链接跳转、图片嵌入,这些是最常用的元素,必须熟练运用。 - **多媒体与交互**:音频(`

课程目录

课程目录23 集
  • 1-1 [全栈课程、前端的总体介绍] 全栈课程的总体介绍 (20:37).mp4
  • 1-2 [全栈课程、前端的总体介绍] 前端和后端的技术探讨 (13:12).mp4
  • 1-3 [全栈课程、前端的总体介绍] 前端开发的基本介绍 (12:22).mp4
  • 2-1 [VS Code安装和基本使用] VS Code介绍、下载和安装 (18:30).mp4
  • 2-2 [VS Code安装和基本使用] VS Code的基本配置和使用 (23:38).mp4
  • 3-1 [Git和GitHub] Git的介绍和安装 (12:21).mp4
  • 3-2 [Git和GitHub] Git的基本使用 (21:11).mp4
  • 3-3 [Git和GitHub] Git的版本控制 (15:29).mp4
  • 3-4 [Git和GitHub] GitHub的基本介绍 (10:52).mp4
  • 3-5 [Git和GitHub] 上传代码到GitHub (16:47).mp4
  • 3-6 [Git和GitHub] 克隆GitHub仓库到本地 (12:10).mp4
  • 4-1 [初识HTML] HTML和HTML5 (10:01).mp4
  • 4-2 [初识HTML] HTML5的文档结构 (31:31).mp4
  • 4-3 [初识HTML] HTML基本语法规范 (05:35).mp4
  • 5-1 [HTML基础标签] 标题和段落 (11:45).mp4
  • 5-2 [HTML基础标签] 文本和字符 (09:33).mp4
  • 5-3 [HTML基础标签] 链接 (16:49).mp4
  • 5-4 [HTML基础标签] 图像 (13:13).mp4
  • 5-5 [HTML基础标签] 音频和视频 (12:14).mp4
  • 6-1 [列表、表格和表单] 列表 (15:38).mp4
  • 6-2 [列表、表格和表单] 表格 (12:37).mp4
  • 6-3 [列表、表格和表单] 表单 (19:12).mp4
  • 7-1 [HTML课程总结] 第1季HTML课程总结 (09:15).mp4