欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML5的学习之路

程序员文章站 2022-04-01 17:27:00
...
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的学习之路的详细内容,更多请关注其它相关文章!