1.初学html的话，可以参考一下w3cschool的html教程，这个教程资料丰富，章节清晰，每个标签和属性都有详细的介绍，还可以在线编辑运行，对于初学者来说是一个很不错的选择，地址/html/html-intro.html：
本地练习的话，可以新建一个记事本，最后保存为html文件，用浏览器打开就行：
浏览器效果如下：
2.熟悉基本标签和属性后，就可以使用开发工具了，这里介绍3个开发工具，分别是Hubilder，Sublime Text，VS Code，使用起来都不错：
Hbuilder：这是专门用于web开发的一个工具，可以快速的创建html文档，自带自动补全、语法提示等功能，还可以将html打包为安卓应用或ios应用，是一个很不错的工具，这个直接到官网下载http://www.dcloud.io/：
Sublime Text：这是一个轻量级的代码编辑器，支持各种主流的编程语言，带有语法提示、自动补全的功能，插件丰富，官网地址/：
VS Code：这个是微软开发的一个代码编辑器，功能强大，基本功能都有覆盖，包括语法提示、自动补全、插件扩展等，同时还支持git功能，是一个很不错的代码编辑软件，官网地址/：
就介绍这几个工具吧，对于初学者来说，够用了，当然，还有许多其他的工具，像webstorm等，这里偶就不详细介绍了，感兴趣的可以到网上搜一下相关资料，初学html，最重要的还是要掌握好基本功，软件只是一个工具，希望以上分享的内容能对你有所帮助吧。
如何从程序员到架构师？
程序员是一个广义词，架构师首先也是程序员，架构师的技术栈更广、技术实力更强，解决实际问题更有经验。
底层的程序员是专注于某一项的技术开发，有C++程序员、C语言底层程序员、前端程序员、Android/IOS程序员、Go语言程序员、PHP程序员，最多的还是Java程序员。
现在根据行业研究领域，还有大数据工程师、人工智能算法工程师。程序员，只有切切实实写过代码，积累经验，提升技术能力，才有机会成为架构师。
程序员不能仅仅满足于每天日常的工作，更应该想法设法拓宽自己的技术栈。C++程序员，可以研究嵌入式开发，物联网开发。Java程序员，可以研究大数据，数据挖掘。架构师的技术知识是非常有广度的，有大数据架构师、网络安全架构师、分布式架构师、微服务架构师、应用架构师以及运维架构师。
Java架构师要懂JVM底层原理、集合框架原理、多线程、网络编程、BIO/NIO/AIO、Spring、Spring MVC、JPA、MyBatis、Spring Boot、Spring Cloud、Spring Cloud Alibaba、Redis、MongoDB、ElasticSearch、Rabbit MQ、Kafka、Seata等，甚至还要懂大数据技术。
技术发展是很快的，架构师不学习也会落伍。有的单位架构师权利很大，也是技术负责人，CTO，具有管理权力。单位中有的架构师仅仅是项目里面的架构师人员，听命于技术经理、项目经理。
以偶的经历来看，程序员首先要练好技术功底，其次扩充自己的技术栈。架构师不是一天能炼成的，需要深厚的技术积累。后期架构师发展前景还是很大的，不断学习更新技术，知识的积累越来越多。
偶也对技术做了一些分享，微服务Spring Cloud、OAuth2权限验证、Seata分布式事务、ELK都有研究，还有大数据，欢迎与大家共同学习成长。
如何学习web前端开发？
结合偶个人的学习路径谈一下这个问题吧。
前端的根基就是JavaScript、HTML、CSS，又称前端三剑客。如上图所示，JavaScript负责前端的行为，CSS负责前端的展示，HTML负责前端的结构。无论将来前端如何发展，都是这三方面的延申。例如，TypeScript是带类型的JavaScript，SCSS是对CSS的扩展，Web Components（或者某些前端框架对组件的支持，如Vue.js、Angular、React）都是对HTML的扩展。可能描述的有失偏颇，但至少能说明，基础不扎实，就谈不上高屋建瓴，经验与1年经验无异。
如何学习前端这个问题，没有规范答案。前端也归属于计算机科学范畴，想学好前端，计算机的基础也要过关。例如，数据结构和算法实践少？没关系，至少你要了解一些概念性的东西（有时在运行效率上你的确可以甩锅给后端）。有很多后端同学写的接口会把树结构的数据直接用数组形式返回给你，这就需要自己用递归实现树组件展示。实际情况是：很多前端都写不好递归。这个没办法，只能自己解决。还有个经常出现的问题：跨域。明明后端已经配置好了，怎么还不能跨域？偶遇到这种情况，大概率是由于后端配置不完善，主要集中在Access-Control-Allow-Headers、Access-Control-Allow-Methods这些配置上，如果本身了解HTTP协议，就能够很快定位问题。
前端开发你以为是上面这样？实际上，用人单位希望你是下面这样：
其实前端的很多理念都来自于后端，或者其他技术领域，广度的认知决定了垂直领域的深度。规范意识是工程化的开端，重构意识是提高生产力的萌芽，这些都是在实践中才能领悟的。
学好前端的路有很多条，要点就是基础。你是否被CSS样式的权重折磨过，最后索性加了个”!important”了事？或者对于后端接口的multipart/form-data和application/x-www-form-urlencoded傻傻分不清？
前端是一项实践性很强的技术，你会在挖坑、踩坑中成长，了解的越多，就越能发现自己的不足。再加上产品经理和测试对你的额外洗礼，你终将成为一名合格的战士！
另送前端语录：
按F5刷新试试清缓存了吗？在偶机器上是正常的呀！这个实现不了（貌似程序员通用）（当维护别人代码时）这是哪个XX写的逻辑？（貌似也很通用）你用的是谷歌浏览器吗？中午吃什么？（逃了…）
前端工作量大还是后台工作量大？
很高兴能够看到和回答这个问题！
前端开发和后端开发的开发方案不同，工作量也会不同。
通常情况下，面向企业的开发一般是脚本，但对于后端的程序员来说，难度要大很多，因为应用的第一个方案相对固定，所以变化不会很大。而在面向顾客开发方案中，前期的程序员面临的困难更大，因为前端的变化比较频繁，对初期的要求也更高。比如，很多2C互联网产品几乎每天都在变化。
后端开发一直很成熟，框架也很多。你能想到的问题，都有相应的api模块支持。但是，后面只需要考虑业务逻辑，如何实现比较合理。所以，大的支撑模块也有不同的框架，创建框架，然后在场景中加入相应的业务逻辑。你不需要投入太多精力去设计一个新的框架或创建新的元素。
在大多数情况下，前程开发都属于应用型程序，大部分的开发任务都集中在特定的业务场景中。
因此，前程开发通常要紧跟技术潮流（框架开发等），不断更新自己的知识结构，这也是很多前程开发在初期遇到困难的原因。
刚开始的时候，需要考虑接口实现和交互实现，还要评估后台提供的接口格式，所以需要花费大量的时间去制作。而理论的分析，会占到整个页面的篇幅。然后，你需要考虑制作的一些特点，等等。一开始也会导致更多的工作。
有的会做研发，有的程序员，主要是平台开发、容器开发、框架研发，虽然工作很辛苦，但是内容很少重复，在这个过程中会比较有意思。另外，目前，研发程序员的职业生命周期远高于应用程序员。
程序员身处不同的开发团队，工作量也大不相同。如果他们在前端有很强的开发实力，后端的程序员就会有很多工作，而且他们还有很多工作要做。
现在，很多团队都配备了全套的程序员。在这种情况下，开发前后的开发边界变得更加模糊。目前，控制系统的模块化基础已经非常发达，并得到了广泛的应用。如果没有要求建立很多标准化的样式，即使有一套完整的现成模板也不会有太大的作用。当然，如果需要可视化的数据显示、所见即所得的编辑器等，输入的工作量就会大大增加。
当大家的业务系统出现问题时，会先在前端显示出来，导致页面无法使用或请求数据，然后这个错误会先传到前端，在这里会出现位置问题、界面或界面分析问题，然后当后端出现本地化问题时，所有的缺点都必须在后端纠正，这样所有的缺点也会增加前端的工作量。
从就业前景来看，起步阶段是一个比较新的行业。事实上，互联网发展的初始阶段并没有培养出先锋工程师，总工程师这个角色直到才被正式认可。到，先锋工程师的地位逐渐提高，对学历的要求也越来越高。需要掌握各种新理念、新模式、新工具、新平台，开好头。.
总体而言，前端工作量要比后台工作量大一些，因为前端工作直接面向的各式各样的客户需求，随时都可能需要按照客户的需要来改变前端面貌，而后端就不一样了！后端是基础框架，程序员写好程序和代码后，只要保证代码和程序不出错，工作就算完成了！
以上便是偶的一些见解和回答，可能不能如您所愿，但偶真心希望能够对您有所帮助！不清楚的地方您还可以关注偶的头条号“每日精彩科技”偶将竭尽所知帮助您！
码字不易，感觉写的还行的话，还请点个赞哦！
前端常用的框架有哪些？
如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已，现在的前端越来越复杂，知识点越来越丰富。
要做WEB前端，就需要知道前端到底是什么，需要学习那些知识；前端至少要懂的三个部分：HTML，CSS，JavaScript（简称JS），那首先先明确这三个概念：
HTML负责结构，网页想要表达的内容由html书写。
CSS负责样式，网页的美与丑由它来控制
JS负责交互，用户和网页产生的互动由它来控制。
web前端发展至今，演变出了无数的库和框架；说到库第一时间想到的是不是jquery？在小编刚接触库的时候也是从jQuery开始的；今天大家就来说说前端发展到现在都有哪些好用的库框架；
1.Bootstrap中文网
Bootstrap，让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件，还有强大的支持十几的JavaScript、jQuery插件以及组件定制等。
Bootstrap中文网地址：/
2. Layui
layer是一款口碑极佳的web弹层组件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。layui 首个版本发布于秋，她区别于那些基于 MVVM 底层的 UI 框架，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。
Layui官网地址：/
3.ElementUI
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。适合于Vue的UI框架；
官网地址：http://element-cn.eleme.io/#/zh-CN
4.Mint UI
Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库，Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
官网地址：http://mint-ui.github.io/
5.angular
AngularJS诞生于,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
官网地址：.cn/
6.React
React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在5月开源了。
官网地址：http://react-/
7.vue.js
近几年最火的前端框架当属Vue.js了，Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪
以上就是关于react php教程以及小白如何学习html的相关回答，有更多疑问可以加微。
