• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5的学习之路

HTML5的学习之路

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5学习之路,HTML需要掌握的基础等相关知识,匿名希望在学习及工作中可以帮助到您
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的学习之路的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • HTML5的学习之路

相关文章

  • 2018-12-03关于html5调用摄像头功能的实现
  • 2018-12-03HTML5新特性之移动设备API
  • 2018-12-03HTML5新特性之WebSocket
  • 2018-12-03克服 iOS HTML5 音频的局限
  • 2018-12-03HTML5音频与视频问题及解决方法
  • 2017-08-06HTML5引入的新数组TypedArray介绍
  • 2018-12-03关于H5新属性audio音频和video视频的控制解析
  • 2018-12-03H5中在拖动的元素或选择的文本进入到有效的放置目标时触发的事件ondragenter
  • 2018-12-03SVG是什么
  • 2018-12-03用exfe.js和canvas解决移动端 IOS 拍照上传图片翻转问题(附代码)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Html5实现APP中监听返回事件如何处理
    • HTML5、CSS3应用教程之 跟DIV说Bey!Bey!
    • 百度搜索“2012世界末日”的效果是Javascript还是纯html5做出来的?
    • 详解html5+css3实现跑动的爱心和动态水滴效果的示例代码分享
    • HTML5新特性之Mutation Observer代码详解
    • 有关Accordion的文章推荐10篇
    • Bootstrap 学习分享_html5教程技巧
    • HTML5的结构和语义(3):语义性的块级元素
    • 前端编码风格规范之 JavaScript 规范
    • jQuery & Canvas 制作相机快门效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有