者：行者

转发链接：https://codegeekz.com/15-best-websites-to-learn-javascript/

长寄语

站长今天看到一句话很不错，墙有三重，一重是网络层面，二重是外语层面，三重是心态层面，只有打破这三重的束缚，才真正是拥抱了自由，站长今天为大家推荐几个学习代码并能提高英语水平的网站，于是就有了今天这篇文章。

网站推荐

• W3schools网址：https://www.w3schools.com/
• 介绍：这是站长最早接触的外语编程学习网站，在上面学习了不少html,css,javascript,jquery,php等相关知识，而伴随着学习，英语阅读能力也逐渐提高，非常适合初学者学习，而有一定基础的技术人员也可以从中收获很多。
• Codecademy网址：https://www.codecademy.com/
• 介绍：可以在该站学习到JavaScript，jQuery，PHP，python，ruby，HTML，CSS，每个都配有实例，轻松掌握易于学习。
• Code Avengers网址：https://www.codeavengers.com/
• 介绍：该网站可以学习python，html,css,javascript等相关知识，可以学会如何一步步创立app，网站等。
• Coursera网址：https://www.coursera.org/
• 介绍：Coursera是一家教育公司，提供来自世界顶尖大学和组织的免费课程。 虽然界面不像前三个服务那样直观，但这里包含的内容充满了信息丰富的课程。

今天我们一起来了解下HTML，

首先HTmL包含三层结构，分别是结构层，表现层，行为层。

结构层：html=> 网页上有什么，比如说文字啊、按钮啊、图片啊等等。

表现层：css=> 显示成什么样子，比如说文字的大小啊，位置啊，颜色啊等等。

行为层：JavaScript=> 具体怎么操作，比如说点击按钮让图片放大缩小等等。

===============================

在了解了html的三层结构之后，我们来学习如何写html。html不是编程语言，它是一套标签。最简单的html文本是下图1这个样子。我们可以在电脑桌面上新建一个记事本文件，然后把后缀名改一下（.txt=>.html），把这段标签代码粘贴到html文件里，这样一个空白的网页就做成了。如果需要在网页上添加内容，我们只需要在第10行的位置添加各种各样的标签即可。比如我在图二添加了一个按钮标签和一段文字标签，双击html文件，页面上就从左到右，从上到下显示对应的内容。是不是很简单。我们日常浏览的网页都是这样一个标签一个标签画上去的。

我给大家总结了一张图，基本上覆盖了工作中常用的知识点。同时分享几个小技巧。

1.最简单的网页写成什么样子，也就是html模板不需要记忆，下图也说了，去百度下载一个VSCode软件（类似于记事本，是现在主流的前端代码编辑器），用它打开我们的html文件，输入英文叹号回车就自动生成了，学编程不要死记硬背。

2.控件的标签不需要记忆，直接百度html XXX标签，例如：百度搜“html按钮标签”，他就会告诉我们是<button>，用的时间长了自然就记住了。是不是省力。

3.标签的属性很重要，可以不去记他的写法，因为写可以百度，重要的是你需要记住标签有什么属性，下图的属性记住足矣。为什么要记呢，因为工作中，有的时候会遇到这样一种情况，明明设置一个属性可以完成的功能，我们不知道，花费了大力气用css和js去实现，结果还存在着特定场合的bug，让人很无奈。

4.对于html还有两个标签<canvas>和<svg>，他们是用来绘图的，做特殊效果的。我们可以先跳过，等框架啥的都学完了，有兴趣，学习一下。

5.给大家推荐一个小白学习html的网站，w3cschool，图里不明白的可以去上边学学练练。

6.如果觉得一个人学习前端有难度，我建了一个小白前端学习交流群，可以私聊我，大家在群里多多交流，我会经常给大家答疑，组织大家练习，一起做小项目。有方向，少走弯路。