小白的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’ 。 元素描述了文档的标题,标题一般都会显示在标签页。什么是标签页?如图:<br/> <img src="https://img-blog.csdnimg.cn/20201202230152922.png#pic_center" alt="在这里插入图片描述"/>

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

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

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

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

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

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

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页