小白的HTML学习之路（1）

HTML是一门超文本标记语言，简单来说就是一门用于网站制作的语言（个人理解）。

我之所以学习HTML是因为我要学习PHP语言，而为什么学习PHP，是因为对WEB攻防比较感兴趣，也就是CTF比赛中的一种类型，屁话有点多，进入正题。接下来，我会好好谈一谈我现在对所学的HTML的感悟。
首先，我是在VS code中开始编写HTML，先去商店安装HTML所需的条件。想要开始编程，必须要在第一排申明这个代码是HTML的。接下来我会分步骤介绍：

1.开头必须申明代码为申明方式就是 :

可以从上面的图片可以看出来，第一排代码先是对之后的代码进行了申明。

2.HTML的一些特征：

(1).<标签>内容</标签> ：标签和标签之间，用于填写所需内容，一定要记住，第二个标签的前面要加斜杠，代表着结束的意思。如下：

(2).为了防止中文编码错误，都需要在标签之间使用meta元数据定义网页编码格式为：utf-8。如图：

(3).保存HTML文件的时候，后缀名可以为.html或.htm。网上都说建议使用.html，我也不清楚，用就是了。

(4).想要运行该文件的时候，只需要点击文件，然后它就会被你的默认浏览器打开。

3.HTML文件的总体框架如下：

1’ . 声明为 HTML5 文档
2’ . 元素是 HTML 页面的根元素，你所有编写的程序都必须要在everthing之间，不然，就会编译失败。
3’ . 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。之后会回顾元数据还会有什么用。
4’ 。

火狐主页、百度一下，你就知道这个就是标签页。
5’ . 元素包含了可见的页面内容，这个标签里面主要就是这个网页的一些具体操作事项。
6’. 元素定义一个大标题。
7’.元素定义一个段落。

之后还会有一些介绍，我当初学HTML时，经常要说什么块级元素，不啦不啦的，我以为元素还分了级别，然后我就特意去查了一下，元素的一些分类，如下：

(1).块级元素
特点：
1’‘ 每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2’’ 元素的高度、宽度、行高以及顶和底边距都可设置。
3’‘ 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

(2).内联元素
特点：
1’’ 和其他元素都在一行上；
2’’ 元素的高度、宽度、行高及顶部和底部边距不可设置；
3’’ 元素的宽度就是它包含的文字或图片的宽度，不可改变。

(3).内联块状元素
特点：
1’’ 和其他元素都在一行上；
2’’ 元素的高度、宽度、行高以及顶和底边距都可设置。
这里，细心的小伙伴又会问了，那什么是父元素啊？自己去找，写多了，也就懂了。

之后，我还会详细介绍HTML中的一些元素，用我自己的方式去谈谈自己对HTML的看法，因为学习HTML是为了WEB网络攻防，所以更多的是读懂代码，所以会更偏向于对代码的理解，而不是用于网站制作，但是也不妨阅读一下。