零基础轻松掌握HTML5

适合人群：

本课程适合完全零基础的编程初学者、希望入门Web前端开发的求职者、设计专业想了解网页结构的设计师、以及想要搭建个人网站的创业者或爱好者。无论你是从未接触过编程的小白，还是想系统学习HTML5为后续CSS/JavaScript打基础，本课程都将带你从零开始，轻松掌握HTML5核心知识。

你将会学到：

学员将系统掌握HTML5基础骨架、标题/段落/图片/超链接/列表/表格/表单等核心标签、块元素与行内元素区别、HTML5新增语义化标签等核心技能，具备独立搭建网页结构的能力。

课程简介：

1. 为什么要学习本课程？

HTML是网页的骨架，是所有网页的基础。学习HTML是进入Web前端开发的第一步，也是最简单、成就感来得最快的一步：

• 门槛极低：不需要复杂的编程思维，像搭积木一样简单

• 所见即所得：写一行代码，立刻看到效果

• 就业必备：前端开发、网页设计岗位必备技能

• 后续基础：CSS、JavaScript的学习都需要HTML基础

本课程定位 “零基础轻松掌握” ，从第一个前端程序开始，手把手带你掌握HTML5所有常用标签，让你在轻松愉快的氛围中学会搭建网页。

2. 课程特点

• 绝对零基础：从什么是前端、如何安装工具讲起

• 标签逐个讲解：每个标签都有完整代码示例

• VSCode教学：从安装到快捷键，保姆级教程

• 表单专题：Form表单与表单元素详解

• 实战导向：学完即可搭建完整网页结构

3. 主体大纲与设计思路

课程分为五大模块，共18节视频课：

模块一：前端入门与环境搭建（3节）

• 第一个前端程序（认识HTML）

• 前端工具的选择与安装（VSCode/浏览器）

• VSCode开发者工具快捷键

模块二：HTML5基础与文本标签（4节）

• HTML5简介与基础骨架（DOCTYPE/html/head/body）

• 标题标签（h1-h6）

• 标签之段落、换行、水平线（p/br/hr）

• 标签之文本（strong/em/span等）

模块三：多媒体与链接标签（3节）

• 标签之图片（img/src/alt/width/height）

• 图片路径详解（绝对路径/相对路径）

• 标签之超文本链接（a/href/target）

模块四：列表与表格标签（5节）

• 列表标签之有序列表（ol/li）

• 列表标签之无序列表（ul/li）

• 标签之表格（table/tr/td/th）

• 表格单元格合并（colspan/rowspan）

• 块元素与行内元素（块级/内联元素区别）

模块五：表单与HTML5新增标签（3节）

• Form表单（form/action/method）

• 表单元素（input/select/textarea/button）

• HTML5新增标签（header/nav/section/article/footer等）