正文

HTML5在线编辑器（html5在线编辑）

技术帮
技术帮 V管理员 /82阅读/0评论
0623

小白如何学好HTML5?最快需要多长时间？

一、关于HTML5的简介：

  • HTML是超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

  • html5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

  • 超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
  1. 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
  2. 可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
  3. 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
  4. 通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
  • 二、HTML的编辑方式：
它其实是文本，它需要浏览器的解释，它的编辑器大体可以分为三种，
  1. 基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。
  2. 半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text 2收费但可以无限期试用）。
  3. 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟）；FRONTPAGE（出品单位：微软）；Dreamweaver（出品单位：Adobe）。
  4. 所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。

  • 以上是关于HTML5的介绍及准备工作，其实学习HTML5并不是很难，知识点不多，重在实践，要多练习，真正学习的话不到一个月就可以把知识点掌握，具体的标签，用到的时候去网站上查阅解释及用法即可。

    HTML5在线编辑器（html5在线编辑）

  • 学习HTML5之前，你要先学习HTML，因为HTML5是在HTML的基础上进行的延伸与完善，它的标签是HTML更多功能语言的包装

  • 三、下面推荐便捷的学习方法：

w3c网站

w3cshool官网是全球最大的中文 Web 技术教程。其中包括w3c的标准技术:HTML、CSS、XML，在这上面可以轻松的学习html（html5）、css(css3)及JavaScript等知识，内附html参考手册、案例，在线测试，边写边运行十分直观，学习起来非常轻松。

之前我也是一个小白，就是通过该网站从头开始的学习，在网站里不仅能全面学习HTML知识，还能在网站中直接进行编辑实践。

  • 四、学习延伸：

  • 网站编辑不仅要学习HTML构建框架，还要会用PS制作图片，要学习JQuer进行动画特效的实现，更高级的，就是表单及后台功能的实现，这就需要学习Java。可以说，成为真正的网站编辑，还需要学习很多。不过如果你只是做静态页面，HTML5是足够的，也能够实现一些基本的动画效果。

很高兴回答问题，html是超文本标记语言（HTML）的第五次重大修改，对于小白来说也分具体情况，就比如作为理科男的我来说感觉并不难。

首先，HTML5门槛不高甚至说没有门槛，但是也并非部分辅导班所说的半个月、一个月速成，想要真正学会必须长时间的联系，最好有老手在旁边辅导更是迅速。小白学习的话推荐通过视频学习费用低廉、方便高效。学习的话可以去w3cshool官网，其他学习资源的网站也是很多。

然后，在选择学习素材的还是要多看看的，因为现在大部分的教材说的新特性画布、媒体播放等等，所以建议还是先学习一下CSS和JS这样学习起来事半功倍。特别是JS语法，这是框架的基础也是前段的核心，在学习的时候要多花精力。

最后，记得不要只顾单纯的网页实现，还要丰富设计、语言，photoshop也要熟练。提高性能意识、代码规范，乃至到服务器。

总之，不要单纯追求学会的时间，更要有学会的质量。零基础学HTML5前期会有困难，坚持学习，多加练习，多向掌握的人请教，只要有恒心、有兴趣，学会、熟练也是时间问题，希望回答有所帮助！

你好 自称小白一定是没有基础了，如果想学好HTML5需要系统的学习相关知识，大概需要4-6个月时间就行了，下面为你推荐一个HTML5课程的学习目录：

  • HTML5 教程：

简介

视频

视频/DOM

音频

拖放

画布

SVG

画布 vs SVG

地理定位

Web 存储

应用缓存

Web Workers

服务器发送事件

  • HTML5 表单

输入类型

表单元素

表单属性

测验

测验

  • HTML5 参考手册

标签

属性

事件

视频/音频

画布

有效 DTD

怎样快速入门Web前端开发？

Web前端开发在这十年内发生了很大的变化，从市场和销售的角度来看，web应用甚至常常会超过那些桌面应用。当下，web前端开发可以说是编程开发中的一个热门职位，很多互联网公司都非常需要优秀的web前端开发人员。

也正因为web前端开发前景如此广阔，很多人选择跨行来做web前端。那么对于零基础web前端初学者而言，怎样快速入门Web前端开发？

一、一定要做好学习规划

零基础学习Web前端开发，意味着你各方面资源不同程度的消耗——时间、工具、资金，甚至融入相关交流圈子的准备。在这个准备过程中，最好是带有一个强硬的规划：“我要在一个月内达到能够实现XXX的水平”或者“我一定要在2周内把XXX项目完成”。如果没有这个规划，一般人都会越来越懒惰。

二、了解web前端开发的学习路线

分享千锋武汉整理的一则web前端开发学习路线图给大家参考一下。

1、学习HTML5和CSS3基础

随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。

随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。

利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。

首先需要有html语言基础，以及div+css布局，这些基础的知识都可以在w3c上自学了解的，就算不会自己写html以及div+css的代码，至少要让自己看的懂，这些代码，有了这样的基础之后无论是自己多练多看自己摸索学习，亦或者是系统的参加web前端开发培训学习，都有了一个很好的基础。

2、学习Java，了解DOM

Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法，学会用 Java 操作网页中 DOM 元素。

初学Web前端开发，需要接着学习使用一些 Java 库，比如 Jquery 是大部分 Web开发人员都喜欢用的，通过 Jquery 可以有效的提高 Java 的开发效率。

3、学习Web前端核心

学习 Jquery 之后，大家就要学习 HTML5 高级阶段（HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证...等）

4、学习Web前端高级技术

当你掌握了HTML5，CSS3，Java等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。

在这里小编推荐的是Bootstrap这是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的，它简洁灵活，使得 Web 开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。

Angular JS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。

5、最好会点后台语言

比如java、php，为什么呢?因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。

从最简单的HTML5基础到Web前端高级技术，内容还是不少滴！要想精通这里的每一样技术，都得下苦功夫才行。总结一下html以及div+css是最为基本的内容，再者就是关于Java的学习美化自己的页面，让用户使用起来更加具有友好度最后就是接触一些现有的成熟的优秀前端框架，学习了理论之后在自己还没有动手能力之前可以多看看开源的程序源码。

三、找一个优秀Web前端开发老师

这个老师，可以是一个页面，一本书，也可以是一个真实的人。对于编写代码开发来说，读十本书不如写一个Demo。只有在实际去写的时候，才会出现各种问题，只有在凭自己的思考来解决这些问题的时候，才会得到非常深刻的印象，把相关知识真正转变为自己的。

四、学习Web前端开发多多实践

越早接触到实践，越早开始做真正的工程项目，越早收获经验，获得成功。高效的学习途径是在项目中学习，以项目驱动进步。

五、找一家靠谱的武汉Web前端开发培训机构

如果题主想快速学好web前端，并找到一份不错的工作。最快也是最靠谱的方法就是参加培训。培训机构的课程一般是4-5个月，课程结合当下前沿的网页技术，紧贴主流企业一线需求，注重项目和实战能力。并且有一群志同道合的小伙伴一起学习，学习更系统专业。最好是找全程面授模式的培训班，觉得更具体全面，学习效果更好。

说了这怎么多，希望能帮助到题主！