HTML 基本结构:前端拼图的第一起碎片
为何要学习 HTML 基本结构? 由于,你以后编写的每一个网页都是以HTML的基本结构为基本。因此呢,HTML 基本结构是 HTML 语言必学内容。 本课程经过通俗易懂的语言及小案例帮你快速把握 HTML 基本结构,并运用网页研发神器VSCode 实现简单的网页
第1关:HTML 标签语法规范
本门文程咱们学习 HTML 的基本结构。
在正式学习之前,咱们必须先知道一个问题,为何要学习 HTML 基本结构?
由于身为研发人员,你以后编写的每一个网页都是基于 HTML 的整体结构。因此说,HTML 基本结构至关要紧。
这里基本上,咱们将学习标签的书写规范及重视事项,完成针对 HTML 基本结构的整体认知。
最后,我将向大众介绍一个非常牛逼的工具-VSCode,其能够快速的编写 HTML 代码,加强研发效率,在实质工作中发挥要紧功效。
学完本课程,你将有如下收获:
(1)把握 HTML 标签的书写规范以及重视事项 (2)能够写出 HTML 骨架标签 (3)能够运用 VSCode 工具研发网页
1.网页文件创建
在讲解标签的详细语法规范前,咱们首要要创建一个网页文件。 说到文件,咱们晓得文件有类型,亦便是有扩展名。例如,记事本文件,它的扩展名为:.txt。
那样,网页文件的扩展名是什么呢?
网页文件的扩展名为:.html 或是.htm。因此,看到以.html或.htm结尾的文件,就应该马上get到一个要紧的信息:这是网页文件,可经过浏览器打开对应文件,查看详细的网页内容。 然则,必须重视的是:不可随意创建网页文件!
为何呢?
由于一个网站包括众多网页,相对应的是亦会有非常多的网页文件;若随意创建,有害于后期管理。
那应该怎样做?
在桌面、D盘或E盘(当然,你亦能够选取你爱好的一个盘)中创建一个文件夹,将创建的网页文件都放在该文件夹中统一管理;后期即使文件再多,亦能即时找到并易于归类管理。
接下来,咱们就创建第1个网页文件:
Step1:在电脑桌面上新建 一个文件夹,命名为:MyWeb;
重视:后续创建的网页文件,均放这里文件夹中进行管理。该文件夹的名叫作,亦可按照自己需求命名。
Step2:在该文件夹内,创建一个文本文件,即扩展名为.txt的文件;文件可随意命名,此处命名为:index.txt。
文本文件创建完成,如下图所示:
Step3:修改文本文件的拓展名;网页文件的扩展名为:.html或.htm,因此呢,必须将创建的文本文件拓展名改为网页文件的拓展名,即改变其类型。
最终修改后的结果如下图所示,至此,网页文件创建完成:
能够看到,修改完扩展名,文件名前面显现了一个浏览器的图标;显而易见,咱们创建的文件便是一个网页文件。
双击该文件,经过浏览器就能打开该文件:
|