小白如何学习基本的HTML5

我觉得首先，你要买本自己看的上的实体书作为教材来读。虽然有电子版的书，但是实话还是实体书来的安逸，可以笔记，可以勾勾画画。

成都创新互联公司主营磴口网站建设的网络公司,主营网站建设方案,app开发定制,磴口h5重庆小程序开发搭建,磴口网站营销推广欢迎磴口等地区企业咨询

具体什么书，你自己看的顺眼，不要太厚就行。太厚了，你看着就会放弃的。但是，书本一定要涵盖2大基本知识模块：HTML标签，CSS样式。

看书学习的重点内容：常见的HTML标签，常用的样式-- 什么叫常见的？书上有的都是常见的。不常见的作者也不会写。

看书没看懂，再针对不懂的地方，百度。

实体书看到到你觉得差不多了，可以进行第二步了。PS：什么叫差不多了？就是你觉得自己“入门”了：可以写网页导航、新闻列表、图片列表、图文混排、会左（中）右结构、了解浮动和清除浮动、会使用超链接、懂的:hover 的用法了，我觉得你算“入门”了。

第二步：网上下个PSD网页模版。从头到尾写一遍（ 不用理Javascript交互效果。）

页面效果工整，兼容性良好，兼容IE11及以上，chrome浏览器就ok。

一个不够，就再来一打。直到你能顺利写出页面结构而且效果完美（当然还是没有JS效果）。你就可以开始下一步.

第三步：开始填你的Javascript的坑吧

是不是觉得写了很多页面，但是却点交互哇？不会写图片轮播，不会写二级菜单，不会点击出现弹窗。。。这些都要JS的。所以，在熟悉了HTML和CSS之后，你就要重点学习Javascript了。还是那句话买本书来入门，结合网上的视频教程，坚持学习吧。

第四步：熟悉JS了后，就开始你的HTML5的专项编程吧。

canvas，音视频控制，多线程，本地存储，这些都要JS来操作哒。

第五步：继续你的js的天坑-- 可以熟悉一些常用的JS框架了

jquery，boostrap，vue，AngularJS 等等。又是一条漫长的路。。。

以上走完，你可以去上班了。时间也应该1年了吧。当然，你学的快可能几个月。不过后面还有很多坑，比如node，模块化编程思想，面向对象编程思想等等。。。

加油，前端不易，且学且珍惜。

如何用HTML5制作网页

现在以HBuilder工具编写为例：

1. 打开此工具，在项目管理器中右键单击创建一个web 项目

2.右键单击项目名称，新建一个HTML文件----form01.html

!DOCTYPE html

!--

作者：offline

时间：2017-01-06

描述：form表单

在form标签中，有两个经常使用的属性

action：表单提交服务器地址

method: 表单提交的方法/方式----get/post

其他提交方式---put delete

提交方式----get（默认的提交方式）

1.请求的参数放到地址栏中

2.不安全

3.存在缓存

4.传输数据的大小收到限制

提交方式----post

1.请求的参数放到http协议中

2.相对安全---账号密码等信息不会放到地址栏中

3.没有缓存

4.传输数据的大小限制较小

修改成post之后，可能会出现错误信息。

input标签：定义输入字段，用户可在其中输入数据。

属性：

type 指示 input标签的类型，默认的是text

按钮类型： 普通按钮 button 重置按钮 Reset  提交按钮 submit

value 定义要显示的文本。

--

html

head

meta charset="utf-8"

titleform表单1/title

/head

body

form action="" method="post"

    input type="text" name="username" value="zhangsan" /

    input type="submit" value="提交" /

/form

/body

/html

3.查看此网页是不是HTML5，主要看表头

4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式

如何html5入门学习开发

HTML5入门到精通可以分为3个阶段：了解HTML5、熟练掌握HTML5、精通HTML5；

HTML5此处指的是HTML、CSS、JavaScript以及HTML5和CSS3（新增的）

首先了解HTML5

需要去了解HTML5是什么，HTML5能够做什么以及HTML5行业的状况，然后在已了解的基础上发掘自己是否喜欢HTML5这个职业，才去决定自己是否学习HTML5。

大概时间：2~3天

其次熟练掌握HTML5

先学习HTML与CSS

在一些机构培训当中，全日制，每天学8个小时，也需要学习1~1.5个月，而且学不完整不扎实

自学的情况下，折算相应时间即可，另外需要注意，自学时选择合适的书籍进行学习，会相对高效一些。

选择好的学习资源（主要看知识逻辑、表达方式等），才能够更好的去吸收知识，学习时间成本也会低一些。

资源推荐：

HTML+CSS方面的可以去看《HTML5布局之路》

JavaScript方面的可以去看《JavaScript权威指南》、《JavaScript高级程序设计》

此后是JavaScript，原生JS、AJAX、jQuery，差不多也得需要2~3个月（每天8小时）

至于说精通~~~对HTML5技术领域有深刻的研究与认知，能够根据自身的开发经验与项目经验构建自己的前端框架或者工具。最起码3~5年甚至更长，其前提还是不断深入研究，而非“工具式”的使用。

如何学习HTML5？

随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。

对于零基础的人而言，要怎么学习web前端呢?

1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功

新闻名称：如何html5,如何html
文章来源：http://kswjz.com/article/dsiejhd.html