# HTML/HTML5 系统学习视频合集
TIP
Web 前端项目开发必备的 HTML/HTML5 标签和属性， SEO 搜索引擎优化及项目中的真实应用场景等
- 深入系统学习，查漏补缺一次性搞定项目中必备的知识技能。轻松应对中小企业和大厂的面试题
- 有了标签的基础，深入学习 Markdown 语法和最佳实践，开始习惯使用 Markdown 来记录学习和工作笔记
- 学习 Git 版本管理工具，将我们日常学习的代码使用 Git 进行管理，提前进入工作状态
# 1、认知大前端
本节课包含的知识内容概述：
- 我们从哪里来，要去何方 ？
- 全球技术创新加速的趋势与集群效应，互联网行业、互联网产业的发展
- 互联网行业包括哪些主要的行业 ？各行业数字化进程、常见的大数据智能化推荐应用
- 互联网企业组织架构（中小企业、大厂），企业产品研发线、岗位职责及团队协作
- 企业级项目研发流程详解，前端开发行业未来及技术路线
- Web 前端 和 Web 全栈开发学习路线
点击查看完整版视频讲解
# 2、互联网的基本原理 和 HTML 入门
本节课包含的知识内容概述：
- 在本地开发，在服务器共享
- 关于 HTTP 协议（HTTP 请求、HTTP 响应）
- 前后端请求交互基本流程
- 基础入门：创建第一个网页、生成 HTML5 骨架、预览网页的方式、常用浏览器、浏览器内核
- 认识 HTML5 骨架：文档类型声明 DTD、W3C 组织、网页组成、html 标签、字符集
点击查看完整版视频讲解
# 3、HTML 与 HTML5 标签和属性
本节课包含的知识内容概述：
- 网页三要素，SEO 优化
- VSCode 中 HTML 模板代码解读
- 重新认识标签
- 标题标签（h1 ~ h6）h 标签在 SEO 优化中的设置技巧
- 段落标签、div 标签
- HTML5 特性（空白折叠现象、常用转义符、HTML 的注释）
点击查看完整版视频讲解
# 4、HTML 列表标签和多媒体标签和属性
本节课包含的知识内容概述：
- 无序列表（语法、列表嵌套、type 属性）在实际开发中的应用场景
- 有序列表（语法、type 属性、start 属性、reversed 属性）
- 定义列表（语法、属性）在实际开发中的应用场景
- 图片标签 img（语法、属性、规范，SEO 优化）网页上支持的图片格式，相对路径和绝对路径
- 超级链接 - a 标签（语法、属性）页面锚点，特殊链接（下载、邮件、电话）
- 音频和视频（语法、属性、子标签）
点击查看完整版视频讲解
# 5、HTML5 语义化标签
本节课包含的知识内容概述：
- HTML 文本格式化标签：
pan、b、em、i、u、strong、sub、sup、del、pre、mark、figure、figcaption - HTML5 区块标签：
section、article、article、nav、header、main、footer
点击查看完整版视频讲解
# 6、HTML/HTML5 新增表单元素、表格标签和属性
本节课包含的知识内容概述：
- HTML 表单基本用法
- 单行文本框、密码框、单选按钮、label 标签、复选框
- 下拉菜单，多行文本框，按钮（普通按钮、提交按钮、重置按钮）
- HTML5 新增表单控件：
color，date、time，email，file，number，range，search，url，datalist 控件 - 表格标签：语法、属性、跨行、跨列，thead，tbody，tfoot 标签
点击查看完整版视频讲解
# 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 自带的传送门，一键直达
点击查看完整版视频讲解
# 9、CSS/CSS3 系统学习视频教程
大厂最新技术学习分享群
微信扫一扫进群，获取资料
X