前端开发必掌握的基础技能之html开发教程

本篇文章介绍下前端开发中的HTML，HTML作为前端开发的基础技能基本是必掌握的，不管是Vue、React、还是Python、PHP，或者是非前后端分离开发模式，或是全栈开发，HTML是必不可少的一项技能，我们设计和整理了一整套关于HTML的开发教程，希望对需要的人有所帮助。

原文链接：https://mp.weixin.qq.com/s/X7R3rmRe9e2jvSXM4loKgQ

注意：目前教程是需要开通我们平台VIP账号的，关于如何开通请参考前面文章VIP功能开放 · 开通感谢支持。

首先访问我们官网地址：http://www.mdrsec.com

在导航栏地址上的技术中心可以看到HTML教程，点击进去即可

也可以点击这个链接直接进入文章页面

http://www.mdrsec.com/#/ctoplus_article/3f322b0789d82dce42b6cc749a03f050

我们为了能让初学者快速掌握这项技能，对每个知识点从最基础的概念开始一一做介绍和讲解。

每个知识点都从最基础的开始介绍，尽量让初学者能够看得懂。

这是html相关的速查表备忘录

以下是我们整理的html学习目录大纲，具体内容请访问我们的官方平台进行学习。

教程目录大纲

• ## HTML开发教程

• HTML 简介·概念介绍

• HTML 编辑器-前端开发工具和环境搭建

• ## HTML基础

• HTML 基础知识概览

• HTML 头部

• HTML 元素及元素的分类

• HTML 字符编码

• HTML 语义结构

• HTML ico图标设置

• HTML 有效DOCTYPES

• HTML 网页特殊符号

• HTML 字符实体

• HTML 属性

• ## 标签

• HTML 标签介绍、简写及全称

• HTML 标题标签

• HTML 段落标签

• HTML 文本格式化

• HTML 文本标签

• HTML 超链接<a>标签

• HTML <link>

• HTML 脚本<script>，<noscript>

• HTML 图像标签

• HTML 表格标签

• HTML 列表标签，以及HTML的3种列表

• HTML 标签列表（字母排序）

• HTML 标签列表（功能排序）

• HTML div和span标签

• HTML 区块元素

• HTML 布局

• HTML form表单标签和按钮

•     HTML 输入类型（<input>标签）

•     HTML 表单属性与验证

• HTML 多媒体标签总结

• HTML 媒体(Media)

• HTML 音频(Audio)

• HTML 视频(Video)播放

• HTML 框架标签及内嵌框架(iframe)

• HTML 自闭合标签

• HTML 字体标签

• HTML URL以及相对路径和绝对路径

• HTML 滚动字幕标签

• HTML 元素的嵌套关系

• HTML 排版标签

• HTML 画布

• HTML 废弃标签

• ## HTML 事件

• HTML 事件

• ## 高级

• HTML 插件

• Browser Object

• DOM Object

• CSS与HTML

• HTML 元素的默认样式和CSS Reset

• HTML 颜色

• HTML 颜色名

• HTML 颜色值

• HTML 拾色器

• JavaScript与HTML

• SEO基础知识介绍

• HTML SEO三大标签

• HTML 实体字符

• HTML 移动设备网页设计

• HTML 链接类型

• ## 速查表

• HTML 字符实体备忘录

• HTML 字符集实体速查

• HTML 字符集（UTF-8）速查

• HTML 标签参考手册

• HTML 标签分类

• HTML 颜色名称速查

• HTML 浏览器支持

• HTML 属性参考

• HTML 全局属性

• HTML Canvas

• HTML 音频/视频

• HTML 文档类型Doctypes

• HTML URL 编码

• HTML 语言代码

• HTML ISO 国家/地区代码

• HTTP 状态消息

• HTML 事件属性

• HTML 键盘快捷键

• ## 项目实践

• 创建个人网站

• 创建博客页面

• 完成一个小型Web应用

• ## 扩展阅读

• 常见的HTML错误

• 使用开发者工具进行调试

• HTML ASCII

• HTML ISO-8859-1

• XHTML 简介

这部分的内容还在持续迭代更新，有问题欢迎联系我们纠正处理。

产品堆栈

CTO Plus技术服务栈官网地址

http://www.mdrsec.com/

浏览器插件产品中心

http://www.mdrsec.com/#/plugin-markets

小程序应用中心

http://www.mdrsec.com/#/ctoplus_mini_center

官网主页(动态版)

http://www.mdrsec.com

思维导图

http://www.mdrsec.com/mindmap

英语单词键盘打字练习

http://www.mdrsec.com/keyboard

应聘求职简历模板服务

http://www.mdrsec.com/resumes

跨境电商外贸站建设服务

http://www.mdrsec.com/e-websites

企业官网定制化服务

http://www.mdrsec.com/homepages

毕业设计服务

http://www.mdrsec.com/graduation-design

技术服务中心

http://www.mdrsec.com/ctoplus-homepage

官方主页(静态版)

http://www.mdrsec.com/website

企业级智能运维平台

http://www.mdrsec.com/aiops

企业智能网络安全运营中心

http://www.mdrsec.com/soc

大屏可视化定制服务

http://www.mdrsec.com/screens

企业智能数字化运营资源管理系统

http://www.mdrsec.com/erp

联系我们

如果您有更好的建议或者有问题，以及定制化开发需求欢迎联系我们。

您可以关注下方我们的官方：【CTO Plus】，持续知晓动态

也可以收藏我们的唯一官网地址：http://www.mdrsec.com/

更多精彩内容第一时间将在官网发布，欢迎访问CTO Plus官网：http://www.mdrsec.com/