热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5的学习之路-

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

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

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

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

标题标签


水平线


强制换行

段落标签

 空格

斜体 语气强调 斜体

更强烈的语气 粗体粗体

中间划线

下划线

下标

上标

为文字单独定义样式

短文本的引用

长文本的引用

不换行

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

标签 标题标签 就是我们做文档时候用的一级二级三级...标题在这里是

.....这样定义的 不过他是双标记语言

比如我们定义一个一级标题是

我是h1标签

这样是有始有终 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应用,也就标志着此阶段学习圆满成功。

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


推荐阅读
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • 在project.properties添加#Projecttarget.targetandroid-19android.library.reference.1..Sliding ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • 分享css中提升优先级属性!important的用法总结
    web前端|css教程css!importantweb前端-css教程本文分享css中提升优先级属性!important的用法总结微信门店展示源码,vscode如何管理站点,ubu ... [详细]
author-avatar
张骞2502860155
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有