h5教程HTML5的学习之路

 所属分类:web前端开发

 浏览:141次-  评论: 0次-  更新时间:2022-10-24
描述:更多教程资料进入php教程获得。 HTML5目前非常火爆,而专家判断其在未来10年内都不会过时。越来越多的小伙伴也都开始学习HTML5技术,但许多...
更多教程资料进入php教程获得。 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的学习之路的详细内容,更多请关注zzsucai.com其它相关文章!

积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!