HTML:1——认识HTML

在学习HTML之前,我们需要先认识一下什么是HTML。
HTML,即超文本标记语言。顾名思义,HTML是一种标记语言——它不属于编程语言。它本身并不能运行自己(比如说你用C++写了一个程序,双击就能运行,而HTML却不能,那样只会打开浏览器来预览);想要让它“生效”,需要使用浏览器来渲染它。这么看来,似乎和解释型语言(比如Python,需要解释器来实时解释文件并运行)有点像?但是也不对,Python能运行诸如a=b+c之类的语句(也就是说,能运算),还有函数、返回值、分支、循环等一系列编程语言的特性,而HTML统统没有。这是HTML等标记语言和编程语言的根本区别。
那么HTML是干什么的?我们拿Microsoft Office的Word程序对比。Word能改变文本的字体、字号、颜色。位置,让它显示出一种视觉效果;HTML加上我们之后要学习的CSS,也可以达到这样的效果,而且或许能做得更好——只是可能难学习一点吧。所以说,它就是一个写文档的东西。或者说,它也和Markdown差不多,就是用来写文本的。
HTML定义的是网页的内容,而CSS定义的是网页的外观。怎么说呢?
这是你最喜欢的B站。第一张图是加载了HTML和CSS之后,显示出来的正常的样子的顶部栏;第二张图是只加载了HTML的,可以看出排版完全乱了(而且那张2233的图完全不知道哪里去了,我再也没有找到它)。而如果连HTML都没有加载,那网页就是一片空白了。
有CSS的B站
没CSS的B站
如果你的网站需要运行一点东西,比如算一算0.1+0.2是否等于0.30000000000000004,该怎么办?那就用Javascript。Javascript是一种编程语言,所以它有函数、有运算。不仅如此,它还能修改网页的HTML内容。HTML、CSS、Javascript就是我们的前端三件套。
HTML和CSS标准在不断发展。我们接下来将要介绍的是最新的HTML5和CSS3标准。
在开始学习之前,请先下载安装VScode。如果要新建一个HTML文件,点击【文件-新建文件】,在新出现的页面里选择语言为HTML;或者点击【文件-另存为】,保存成为一个HTML文件。如果要查看文件的效果,只需要保存文件,然后拖到浏览器里打开就可以了。或者还有更方便的,就是在VScode中按下F5,在弹出的页面选择一个浏览器,就能在浏览器中打开。
HTML元素很多,不可能一次性记住。如有需要,可以查看我们的速查表(改编自MDN)或者直接在MDN上搜索。