web前端学习笔记之html（前端小白进阶之路-介绍篇）

初次见面，先介绍一下自己。老夫姓老名夫，性男好女，一名前端开发仔。工作了一年多，在如今大佬纵横天下的时代谈不上经验丰富，只是总结一下自己的成长历程，希望可以给初入前端的小白一些经验，这条路上少走一些弯路还是非常重要的。好了，话不多说，直入正题。

一说到前端开发，大家就会说前端不就是切图的吗，前端不就是做一些简单的网页的吗。老夫现在只想说也许在几年前这句话一点也没错，如今在没接触这玩意之前老夫和你们的想法简直一模一样，但是自从进入这个圈子，真的是一入前端深似海，从此再无安宁日啊。随着互联网的发展……，算了这一发展没上万字是说不完的，老夫在这么就不多说废话了，等你了解了一些基础知识之后就可以明白老夫说不出来的苦衷。

前端开发大家都知道包含三种基础语言：HTML，CSS，JavaScript。今天我们就先说一说HTML到底是个什么玩意。在开始说他之前，有必要先了解一下文本和超文本又是些什么玩意。

文本：通俗易懂的来说文本就是任何写下来的文字就是文本，而对于计算机来说，文本则是一种文档的类型。最常见的就是换了n个电脑，总有一个记事本的程序一直陪伴着你，这个东西就是计算机最喜欢认的一个文本程序。他可以记录一些文字也可以做一些简单的排版，但缺点是不能插入图片，视频，音频等文件，也不能设置文字链接到其它地方或其它文件位置，这种由记事本生成的后缀名为txt的文件计算机成为文本文件。

超文本：通俗易懂的来说就是除了普通的文字，还可以包含图片，视频，音频等信息的文档，最主要的一点就是其中一些图片或文字可以通过超链接链接到其它地方，这种类型的文档就称为超文本。

好了，了解了这些是时候让你知道什么是html了。

HTML全称Hyper Text Markup Language，中文名超文本标记语言。由名字可知他是用来标记的一种语言，同时他也是网页开发中最基础的一种语言。

html代码都是由不同标签组成的。对于标签你可以这么理解，就像你的课程表一样，你会给每节课打上不同标签像语文数学等，这些就可以明确告诉你这节课是干什么的。html标签也一样，在写html代码时就像是自己编排课程表一样。还有在你使用办公软件的时候会遇到表格，图片，文字等，html不同标签名就已经定义好了这些类型，同时对于诸多的标签呢其实只需要了解一下记住常用的就OK，因为你只需要知道他们是干什么的，该放到什么位置完全没问题。在使用时直接将对应标签放到对应位置即可完成html代码的编写。

html生成的文件也就是我们通常所说的网页，也称静态网页。浏览器通过解析网页文件来将里面的内容展示给我们。之所以有这些标签一方面是为了通俗易懂的使用，另一方面就是为了给浏览器用来解析的。为什么呢，因为虽然浏览器认识你写的是html代码，但是他不懂你写的思想，不知道哪块地方是图片，哪块地方是文字，该怎么展示我们是不能通过说话来告诉他的，他只认识html标签名，所以你就必须通过他规定的标签名来组成你想要展示的结果。（这里的规定指前端语言都得遵循的W3C标准，有关具体内容可到官网查看）

同时，不同的标签也自带不同的属性，什么又是属性呢，这么说吧，大家都是游戏爱好者（特别是我），知道游戏中人物都有不同属性，像生命值，攻击值，防御值等这些都是用来展示不同人物效果的。而每个标签就像不同的人一样也有这些属性，这些属性就是用来使标签展示不同效果的，但是对于这些属性呢和标签一样老夫认为没必要花时间去全部了解，因为这些东西鉴于诸多原因都是不建议写在标签中的，你只需要知道一些常用的即可，这里也就没必要介绍相关内容了。当你在开发项目时这些东西完全是交给我们前端语言中另一位大佬（CSS）来处理的。

好了，听老夫BB了这么多，今天的html内容就先说到这里吧。虽然只是简单的说了一些经常用到且需要知道的概念性东西，但老夫觉得这些会伴随你很久很久值得了解。关于其它细节内容像html都有什么标签，这些标签都是干什么的，标签都有什么属性啊，这些属性又是干什么的都可以去百度有一大堆密密麻麻的东西等着你，老夫在这里只有一点建议，多请教老前辈怎么去学习那些东西，不要一味的盲目去学，那样不仅浪费时间，而且最重要的是你的头发没那么多啊。还有像他的发展史及前景方面更深的内容各位想了解的话还是直接百度肯定比老夫说的准确，而且丰富。

最后关于CSS又是个什么玩意呢，待老夫整理整理发型，活动活动筋骨（年纪大了都理解一下），我们下回再续。