HTML5零基础入门之一、工具介绍

本人是前端小白，刚开始学习没多久，知识匮乏水平有限，在此发表的博客只是记录一下学习历程。如果有大佬翻到了这篇博客并发现了一些错误，还望您能不吝赐教加以指点。

先来了解一下HTML5

什么是HTML5？
简单的说，html5是w3c组织推出的html最新标准，html5标准推出之前，开发者开发一个产品，需要针对PC端以及安卓端IOS端去撰写不同的代码，才能实现各个端展现相同的功能，方便用户在电脑和移动端上使用产品，没有违和感，后期维护的时候也需要分别各自维护，对于企业，这无疑是一个巨大的支出，html5标准的出世，完全改变了这一现状，开发者不需要根据各个端去编写不同的代码了，在开发过程中不用去了解各个端的独特要求，只需要按照html5标准撰写就可以，符合了html5标准就可以在各端正常运行了，大大减少了开发者的重复劳动，对于企业也降低了开发以及运营、维护成本。（好像也不是很简单…）
HTML5是什么意思？
html5就是包括HTML、CSS和JavaScript在内的一套技术组合，强化了Web网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。他们三者的关系可以这么理解，举个栗子，这就像盖房子，html负责把框架搭好，墙在哪，门和窗的位置留在哪。CSS让内容更加的丰富，给你装上门和窗户，在墙上刷上水泥。而JS则是美化，也就是装修，让你的房子看起来更像是一个家。
为什么叫HTML？
这是Hypertext Markup Language的缩写，叫做超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（比如文字如何处理，画面如何安排，图片如何显示等）。
需要注意的是，我们要学习的HTML它是一种语言，可以理解为我们对计算机说html语，它就会去执行你的命令。那么既然是语言了，就代表它是很灵活的。就像你想表达爱你女朋友，你可以说爱她，可以说今晚月色真美，可以说春风十里不如你等等等等。开个玩笑，你没有女朋友的。圆规正转，也就是说我们如果要做一个效果的话是可以通过很多种方式去达到目的的，可以说，世界上没有完全一样的两套代码，如果有，那当我没说。
大概了解了之后我们来看一下要用到的工具吧。
首先需要一个强大的浏览器，我这里选择的是谷歌浏览器，全球第一的霸霸还是相当厉害的，当然你也可以选择火狐、欧朋等其他的。


然后是编辑器，编辑器的选择也比较多，这里推荐一种叫Visual Studio Code的，这款编辑器是我本人比较喜欢的，画面简单功能强大，关键是它会有提示，比如你要写margin，只需要打出一两个字母即可了,对于英语基础不太好的同学是很友好的。


最后要用到的就是PS了，因为我们做网页的时候是需测量尺寸的，PS能帮助我们很精确的测量，因为版本比较多，看哪个比较顺眼就用哪个好啦。

工具介绍完了，下一篇讲一下编辑器的基本功能吧。
谢谢阅读，90度鞠躬。