HTML/HTML5 系统学习视频合集

TIP

Web 前端项目开发必备的 HTML/HTML5 标签和属性， SEO 搜索引擎优化及项目中的真实应用场景等

• 深入系统学习，查漏补缺一次性搞定项目中必备的知识技能。轻松应对中小企业和大厂的面试题
• 有了标签的基础，深入学习 Markdown 语法和最佳实践，开始习惯使用 Markdown 来记录学习和工作笔记
• 学习 Git 版本管理工具，将我们日常学习的代码使用 Git 进行管理，提前进入工作状态

1、认知大前端

本节课包含的知识内容概述：

• 我们从哪里来，要去何方 ？
• 全球技术创新加速的趋势与集群效应，互联网行业、互联网产业的发展
• 互联网行业包括哪些主要的行业 ？各行业数字化进程、常见的大数据智能化推荐应用
• 互联网企业组织架构（中小企业、大厂），企业产品研发线、岗位职责及团队协作
• 企业级项目研发流程详解，前端开发行业未来及技术路线
• Web 前端 和 Web 全栈开发学习路线

点击查看完整版视频讲解

2、互联网的基本原理 和 HTML 入门

本节课包含的知识内容概述：

• 在本地开发，在服务器共享
• 关于 HTTP 协议（HTTP 请求、HTTP 响应）
• 前后端请求交互基本流程
• 基础入门：创建第一个网页、生成 HTML5 骨架、预览网页的方式、常用浏览器、浏览器内核
• 认识 HTML5 骨架：文档类型声明 DTD、W3C 组织、网页组成、html 标签、字符集

本节课的详细图文教程 (opens new window)

点击查看完整版视频讲解

3、HTML 与 HTML5 标签和属性

本节课包含的知识内容概述：

• 网页三要素，SEO 优化
• VSCode 中 HTML 模板代码解读
• 重新认识标签
• 标题标签（h1 ~ h6）h 标签在 SEO 优化中的设置技巧
• 段落标签、div 标签
• HTML5 特性（空白折叠现象、常用转义符、HTML 的注释）

本节课的详细图文教程 (opens new window)

点击查看完整版视频讲解

4、HTML 列表标签和多媒体标签和属性

本节课包含的知识内容概述：

• 无序列表（语法、列表嵌套、type 属性）在实际开发中的应用场景
• 有序列表（语法、type 属性、start 属性、reversed 属性）
• 定义列表（语法、属性）在实际开发中的应用场景
• 图片标签 img（语法、属性、规范，SEO 优化）网页上支持的图片格式，相对路径和绝对路径
• 超级链接 - a 标签（语法、属性）页面锚点，特殊链接（下载、邮件、电话）
• 音频和视频（语法、属性、子标签）

本节课的详细图文教程 (opens new window)

点击查看完整版视频讲解

5、HTML5 语义化标签

本节课包含的知识内容概述：

• HTML 文本格式化标签：pan、b、em、i、u、strong、sub、sup、del、pre、mark、figure、figcaption
• HTML5 区块标签：section、article、article、nav、header、main、footer

本节课的详细图文教程 (opens new window)

点击查看完整版视频讲解

6、HTML/HTML5 新增表单元素、表格标签和属性

本节课包含的知识内容概述：

• HTML 表单基本用法
• 单行文本框、密码框、单选按钮、label 标签、复选框
• 下拉菜单，多行文本框，按钮（普通按钮、提交按钮、重置按钮）
• HTML5 新增表单控件：color，date、time，email，file，number，range，search，url，datalist 控件
• 表格标签：语法、属性、跨行、跨列，thead，tbody，tfoot 标签

本节课的详细图文教程 (opens new window)

点击查看完整版视频讲解

7、Markdown 语法和实践

本节课包含的知识内容概述：

• 什么是 Markdown ？为什么要用 Markdown ？
• 支持 Markdown 的应用程序、组件和工具
• Markdown 文件的工作原理
• Markdown 的基本语法
• Markdown 的扩展语法
• Markdown 的最佳实践，彻底理解 Markdown 的本质与核心

点击查看完整版视频讲解

8、Git 项目管理快速入门和实践

本节课包含的知识内容概述：

• Git 是什么 ？
• Git 的安装配置，Git 初始化配置
• 创建版本库：什么是版本库呢 ？创建本地版本库，初始化 Git 仓库
• 初始化项目：在 vscode 新建.gitignore文件，创建 README 文件，新建远程仓库、使用 Gitee，添加远程仓库提交地址
• Git 本地提交，推送项目至远程仓库：在 vscode 中提交项目文件到本地仓库，推送 Git 主分支 master 至远程仓库，第一次提交、需要输入 Gitee 的用户名和密码
• 创建 Git 分支，添加 Git 分支备注信息，推送 Git 分支至远程仓库，远程仓库推送成功后、查看效果，查看远程仓库的分支
• 克隆远程仓库（项目）：克隆自己现有的项目，克隆开源项目到本地，使用 GitHub 自带的传送门，一键直达

本节课的详细图文教程 (opens new window)

点击查看完整版视频讲解

9、CSS/CSS3 系统学习视频教程

从入门到精通

点击查阅， CSS、CSS3 系统学习视频合集 (opens new window) 👆