HTML基本结构
1、导学
经过前面课程的学习,咱们已然认识了关于网页设计中的有些平常的概念,那样从这节课起始,咱们就要学习关于HTML的内容。
在这节课程中,咱们会来学习一下HTML的整体结构,为何要学习整体结构呢?由于,以后编写的每一个网页,
它们的整体结构都是同样的,因此说这块内容是非常要紧的。
学习了整体结构以后,咱们还必须认识标签的书写规范,在前面的课程中咱们讲解过,学习HTML,其实便是学习
HTML中的标签,那样在书写这些标签的时候,必须怎么样的书写规范,或说必须重视那些问题呢?咱们会在这节
课中仔细讲解。
想要快速的编写HTML代码,加强网页的研发效率,咱们还要学习一款非常牛逼的工具,叫做VSCode. 咱们要学
习一下怎么样经过这款工具来编写网页。
好了,认识了这节课咱们要讲解的内容以后,下面,咱们看一下这节课的学习目录。
2、学习目的
在这节课中,必须你做到以下几点:
第1:能够说出标签的书写规范以及重视事项
第二:能够写出HTML骨架标签
第三:能够运用VSCode工具研发网页
第四:能够说出标签语义
认识了以上学习目录以后,下面咱们先来学习一下HTML标签书写规范。
3、HTML标签语法规范
3.1 网页文件创建
在讲解标签的详细语法规范前,咱们首要要创建一个网页文件。说到文件,首要咱们想到的便是文件都是有类型的,亦便是都有扩展名。例如,记事本文件,它的扩展名为 ‘.txt’.
那样网页文件的扩展名是什么呢?
网页文件的扩展名为:.html 或是.htm。因此,你以后看到以.html或是.htm结尾的文件,就晓得这是网页
文件,那样咱们能够经过浏览器打开这般的文件,来查看详细的网页内容。
当然,在创建网页文件的时候,你要重视,不可随意的创建。亦便是说,不可随意的在桌面创建一个网页文件,或
者是在D盘或C盘创建一个网页文件。为何呢? 你能够思虑一下,咱们一个网站会有非常多的网页文件,倘若你
随意创建,那样后期会变得非常难管理。那应该怎么样做呢?咱们能够在桌面,或D盘,E盘中,首要创建一文件
夹,而后将咱们创建的网页文件都放到这个文件夹中统一的进行管理,这般后期即使是文件尤其多,亦会很容易的
进行管理。
下面,我在我电脑的桌面上新建 一个文件夹,叫做‘MyWeb’.后面创建的网页文件,都放在该文件夹中进行管理。
当然,这个文件夹的名字,你能够按照你的需求自己进行命名。
创建好文件夹后,进入该文件夹,在这个文件夹中首要创建一个文本文件,亦便是扩展名为.txt的文件,文件的名字你能够随意命名,我这儿叫做index.txt.
如下图所示:
重视:咱们前面讲过,网页文件的扩展名为:.html或是.htm. 因此,下面必须对创建的文件改变其类型,最后
修改后的结果如下图所示:
能够看到,修改完成文件的扩展名后,文件名前面会有
|