第一阶段移动前端制作基础（HTML5+CSS3基础）
第二阶段移动前端交互基础（JS+JQ+Ajax）
第三阶段移动前端综合开发（H5+C3+jQ Mobile+bootstrap+zepto）
第四阶段项目实训
课程的安排和讲课老师占很大部门的。
兄弟连软件学院毕备
HTML 教程
HTML 教程
阅读(17962.4k) 收藏 赞(1524) 分享
手册简介
HTML 指超文本标签语言。 HTML 是通向 WEB 技术世界的钥匙。 在 W3Cschool 的 HTML 教程中，您将学习如何使用 HTML 来创建站点。 HTML 非常容易学习！你会喜欢它的！
手册说明
HTML是现在世界通用的超文本标记语言，通过它，可以实现图片、链接、音乐以及程序等等多种元素。现如今，HTML已经是程序员必须掌握的一项基本功。
如果您想要更快、更系统地学会HTML，您最好采用边学边练的学习模式：HTML微课
如果您觉得HTML的学习难度较高，不易理解，建议您采用视频教程进行学习：HTML视频课程
学完本教程之后，W3Cschool推荐您进行实战练习：HTML实战
1477036444719391
HTML发展史
HTML没有1.0，因为关于它的初版存在争议，1995年HTML 2.0面世，1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准，后面W3C(万维网联盟)也渐渐变成Web技术领域的权威，经过漫长的演变，2014年，HTML 5标准最终面世。
HTML 2.0——1995年11月，RFC 1866发布
HTML 3.2——1997年1月14日，W3C发布推荐标准
HTML 4.0——1997年12月18日，W3C发布推荐标准
HTML 4.01——1999年12月24日，W3C发布推荐标准
HTML 5——2014年10月28日，W3C发布推荐标准
HTML结构
HTML的结构一般包括<head>标签和<body>标签，<head>和<body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容，它本身不作为内容来显示，但影响网页显示的效果。<body></body>当中是网页实际显示的内容，正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针，通过点击，可以很方便地获取新的网页，这是HTML获得广泛推广运用最重要的原因之一，而由这些相互之间存在关联的页面组成的有机集合便是网站。
究竟HTML为什么会被普及?这就要归功于互联网的高速发展，对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性，HTML越来越受到人们的喜爱。
HTML5编辑规范
1、文件拓展名默认使用htm或者html，便于操作系统或者程序辨认文件，而图片则基本上存为gif或jpg
2、浏览器默认忽视回车符，不过为了方便阅览，人们还是会习惯地在写完一段代码后进行回车
3、标记符号用尖括号括起来，带斜杠的元素表示该标记说明结束，大多数标记符必须成对使用，用以说明起始和结束。
4、必须使用半角而不是全角字符
5、HTML注释<!--注释内容-->的内容不给予显示。
除了这本手册，你还可以参考
《HTML验证》
《HTML实例》
《HTML测验》
《HTML实战》
《HTML参考手册》
开始学习HTML
接下来，你可以打开这本教程，先了解html的基本概念，然后一个一个地掌握HTML标签、HTML注释、HTML框架的用法，并且参考借鉴一些优秀的网站，通过浏览器的“查看源代码”功能来了解别人写的HTML代码结构。
HTML对于系统环境配置要求一点也不高，基本上，你只需要有一台电脑就够了。
以下是课程大纲，可以参考一下(1)HTML5+CSS3
经典表格布局制作简历
1. HTML5介绍 2. HTML5发展史 3. HTML5简介 4. HTTP协议介绍 5. HTTP消息类型 6. 互联网发展形式 7. web开发所需要的构件
8. 编辑器的使用 9. HTML基本语法与规范(标签元素、属性) 10. 第一个HTML网页 11.表格标签
规范代码盒模型布局小米等网站
1. 文档头和编码声明 2. 基础标签 3. 文本类标签 4. 列表标签 5. 语义化标签的使用 6. 字符实体 7. 表格标签 8. HTML5标签的兼容处理9. HTML5标签SEO的作用 10. HTML5表单新特性 11. 多媒体标签
3D旋转+动画制作正方体
1. CSS的定义 2. CSS引入 3. CSS选择器 4. CSS3与CSS2的区别 5. 长度单位 6. 颜色单位 7. 常用属性 8. CSS属性
流行的pc端，App页面响应式布局
1. W3C盒子模型 2. Div+CSS网页布局 3. 弹性盒子 4. HTML5兼容处理 5. 使用HTML5布局元素的布局 6. Media Query响应式布局 7. 百分比网页布局
工作要求，实战大型电商网站静态页面
1. PS切图 2. 精灵图 3. CSS重制样式表Reset CSS、 Normalize.css 4. CSS命名规范，CSS常用名
(2)JavaScript jQuery实例 实战项目
前端核心语言javascript语法
1. JavaScript简介 2. 在页面中使用JavaScript 3. JavaScript的语法 a) 变量声明规范 b)语句结束 c)脚本注释 d)代码块 e)数据类型 f)类型转换 g)运算符 h)流程控制语句 i)函数 j)内置对象
原生Js功能开发
1. 更换页面皮肤 2. 五彩小球 3. 随机点名器 4. 轮播图 5. 网站时间显示 6. 商城抢购活动 7. 购物车的全选、反选、全不选 8. 选项卡前端后台交互功能开发9. 进度条 10. 拖拽div 11. 放大镜 12. 城市地址二级、三级联动 13. 随机浮动广告 14. 无缝连接 15. 仿百度登录
Jquery库交互特效开发
1. JQuery简介 2. JQuery安装 3. JQuery CSS操作 4. JQuery选择器 5. JQuery筛选 6. JQuery html 文档处理 7. JQuery事件 8. JQuery效果 9. JQuery Ajax 10. JQuery其他操作 11. JQuery插件
实战进阶-瞄准市场
1.PS切图 2.CSS重置样式表 3.网页规范 4.兼容性 5.SASS 6.Compass精灵图 7.代码压缩 8.常见网站效果 9.rem相对大小布局
(3)Node.JS MongoDB Express Vue.js
Vue.js前端热组件化开发框架
1. 介绍 2. 安装 3. 模板/数据绑定 4. Class/Style绑定 5. 事件 6. 组件 7. 混合 8. 插件 9. 服务/路由
后端Js-Node.js搭建前端脚手架
1. Node.js简介 2. Node.js安装 3. NPM工具使用 4. 模块、Package 5. 回调函数 6. Buffer，事件 7. 文件处理模块 8. Http，URL，Querystring Path等模块 9. POST/GET请求 10. 安装模板引擎
Mongodb数据库操作
1. NoSQL基础概念 2. MongoDB 简介 3. 数据库、集合、文档概念 4. 数据库操作 5. 集合操作 6. 文档CURD操作 7. 条件操作符 8. Limit与Skip方法 9. 排序 10. Node.Js的mongoose模块 操作MongoDB
基于node.js搭建express服务器
1. Express 简介 2. 安装 Express 3. 路由 4. 中间件 5. 视图 6. 模板引擎 7. AJAX 8. 跨域/JSONP 9. 搜索分页 10. 文件上传 11. 登陆注册
实战-大型单页应用
1. Web Socket 2. SSE 3. 网络爬虫(实现多人聊天时，服务器主动推送消息) 4. 常用工具使用Webpack 5. 压缩混淆 6. AMD/CMD规范 7. 结合Vue.JS实现单页面应用 8. Web APP 打包
(4)HTML5新特性 微信开发 微信小程序 学生项目
HTML5新特性
1. 音/视频 API 2. 本地存储LocalStorage/SessionStorage 3. Geolocation(地理定位) 4. 百度地图API 5.浏览器多线程Web Workers 6. 应用程序缓存 (Application Cache) 7. Canvas 画图、SVG 8. 拖拽事件、API 9. FileReader API 10. PAJAX 11. Bootstrap 12.插件：Swiper、图表、Iconfont
微信公众号开发
1. 接入微信公众平台 2. 账号申请 3. 微信JSSDK使用 4. 分享接口 5. 图像接口 6. 音频接口 7. 智能接口 8. 设备信息 9. 地理位置微信小程序开发10. 界面操作 11. WEUI框架 12. 微信小程序开发 13. 创建项目 14. 工具 15. 框架 16. WXML 、 WXSS 17. 组件 18. API
实战--团队协作工具
1. Git协作 2. 前端项目规范化 3. H5新特性 4. 即时通讯 5. 互联网服务接口调用
可以去H5edu看看，其HTML5培训课程融合了HTML5开发基础课程、CSS3基础课程和移动前端交互JavaScript+JQuery+Ajex等课程,从入门到精通,让开发者全面学习HTML5
