HTML5的学习之路

HTML5目前非常火爆,而专家判断其在未来10年内都不会过时。越来越多的小伙伴也都开始学习HTML5技术,但许多小伙伴不知学习HTML5该从何处着手,也不知正确的的HTML5学习路线是怎样的,这也就导致了学习HTML5的效果不佳,效率更是不高。那么小编今天就与大家分享一条正确的学习路线,为诸位小伙伴解惑。

对于我们刚开始学习html的学生来说 ,繁杂的标签是非常麻烦的 而且不好记,闲话少说,首先我推荐的编译器是Hbuider,作为我们中国人开发的第一个编译器,我们理所当然支持一下。

先来讲一讲h5最值钱的地方,他最大的好的地方就是他可以兼容微信、安卓、ios三个端口都可以实现代码的兼容,我们现在用的淘宝客户端都是用h5来实现的,他不但流畅性很好而且更加美观!

我们需要知道html是一个标签语言而不是编程语言,所以比较简单。

<h#></h#>标题标签

<hr/>水平线

<br/>强制换行

<p></p>段落标签

&nbsp;空格

<i></i>斜体<em></em> 语气强调 斜体

<strong></strong>更强烈的语气 粗体<b></b>粗体

<del></del>中间划线

<ins></ins>下划线

<sub></sub>下标

<sup><sup>上标

<span></span>为文字单独定义样式

<q></q>短文本的引用

<blockquote></blockquete>长文本的引用

<nobr></nobr>不换行

这上面的是一些最基本的标签 刚开始学的时候不需要掌握太多的东西,最基本的东西必须会熟练应用!

<h>标签 标题标签 就是我们做文档时候用的一级二级三级...标题在这里是<h1><h2><h3>.....这样定义的 不过他是双标记语言

比如我们定义一个一级标题是<h1>我是h1标签</h1>

这样是有始有终 html中大多数都是这样的 不过也有一些是单开门的标签这个我们后来学的时候回逐渐接触到。

还有就是我们最重要的html组成,我个人是吧他当成一个朋友认识的

这是整体的一个标签布局 <html></html>是这个人从头到脚的衣服 下面是head 就是头部 我们定义的样式都在这写的 了解的朋友可能有的了解 就是css的样式写在这里

再往下就是body也就是身体了 头下面就是身体 身体就是写我们布局的代码的了

HTML5学习路线按照以下四个步骤走:

1、了解HTML5的含义,用途,发展过程等;学习ps软件的基本操作:如切图、抠图等;学习HTML(要学到精通的地步);学习HTML+CSS网页布局;直到自己能够独立用DIV+CSS完成带交互的各种网站的布局、重构,第一阶段学习才算完成。

2、学习PC端网站特效+前后端交互;学习JavaScript和jQuery特效(要求学到精通程度);学习Git管理工具的运用;PHP的基础知识;直到自己能够熟练应用原生JavaScript和jQuery,从而完成时下流行的各种PC端网页(特别是电商网页)特效、前后端交互,第二阶段也就顺利完成了。

3、学习移动端页面开发+ 响应式布局;学习HTML5+CSS3新特性,如:HTML5的文本、图像、链接、表格、列表、表单、框架,CSS基础语法、各种选择器(通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等)、框模型与背景、文本格式化、表格、显示与定位、浏览器调试;常用移动端框架;HyBridAPP开发等;直到能够用原生HTML5和CSS3完成移动端应用,如:WebAPP、微场景、后台管理系统开发等,也就标志HTML5学习路线的第三阶段顺利完成。

4、学习高级前端知识,学习前端开发框架Vue、Angular.js、React.js开发,学习在平台Node.js上开发,学习ES6、前端性能优化,微信端开发、等;能够使用框架开发WEB应用,也就标志着此阶段学习圆满成功。

以上四个步骤学习完美结束,也就已具备企业对于前端开发工程师的用人要求。但如果还想往更高层次发展,那还需要学习的前端知识依旧还很多,也就需要你自己在工作中摸索前进了。

【相关推荐】

html的基础元素,让你零基础学习HTML

HTML介绍课程


以上就是HTML5的学习之路的详细内容,更多请关注编程之家其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题
HTML5中div和section以及article的区别分析
html5和CSS 实现禁止IOS长按复制粘贴功能
html5 touch事件实现触屏页面上下滑动
canvas 模拟实现电子彩票刮刮乐的代码
HTML5 Plus 实现手机APP拍照或相册选择图片上传的功能
Android自定义环形LoadingView效果
HTML5 canvas绘制五角星的方法
html5使用html2canvas实现浏览器截图
使用Canvas处理图片的方法介绍
利用Canvas模仿百度贴吧客户端loading小球的方法