共计 3065 个字符，预计需要花费 8 分钟才能阅读完成。
HTML 全称为 HyperText Markup Language，译为超文本标记语言。
所谓的超文本，有两层含义：
（1）图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。
（2）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。
HTML 不是一种编程语言，是一种描述性的标记语言。
这主要有两层含义：
（1）标记语言是一套标记标签。比如：标签 表示超链接、标签 表示图片、标签
表示一级标题等等，它们都是属于 HTML 标签。
说的通俗一点就是：网页是由网页元素组成的，这些元素是由 HTML 标签描述出来，然后通过浏览器解析，就可以显示给用户看了。
（2）编程语言是有编译过程的，而标记语言没有编译过程，HTML 标签是直接由浏览器解析执行。
作用：HTML 是负责描述文档语义的语言。
HTML 是负责描述文档语义的语言
HTML 格式的文件是一个纯本文文件（就是用 txt 文件改名而成），用一些标签来描述语义，这些标签在浏览器页面上是无法直观看到的，所以称之为 “超文本标记语言”。
接下来，我们需要学习 HTML 中的很多“标签对儿”，这些“标签对儿”能够给文本不同的语义。
比如，面试的时候问你，
标签有什么作用？
正确答案： 给文本增加主标题的语义。
错误答案： 给文字加粗、加黑、变大。
关乎“语义”的更深刻理解，等后面学习了各种标签，就明白了。
1
HTML 的专有名词
网页： 由各种标记组成的一个页面就叫网页。
主页(首页) : 一个网站的起始页面或者导航页面。
标记： 比如
称为开始标记，
称为结束标记，也叫标签。每个标签都规定好了特殊的含义。
元素： 比如
内容
称为元素.
属性： 给每一个标签所做的辅助信息。
XHTML： 符合 XML 语法标准的 HTML。
DHTML： dynamic，动态的。javascript + css + html 合起来的页面就是一个 DHTML。
HTTP： 超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。https：防止中间人攻击
SMTP： 邮件传输协议。
FTP： 文件传输协议。
2
书写第一个 HTML 页面
VS Code 执行代码需要代码在一个文件夹中。
我们打开 VS Code 软件，新建一个文件，名叫 test.html（注意，文件名是 test，后缀名是 html），保存到本地。
紧接着，在文件里，输入 html:5，然后按一下键盘上的 Tab 键，就可以自动生成如下内容：
``````````Document ````````
上面的内容，就是 html 页面的骨架。我们在此基础之上，新增几个标签，完整代码如下：
``````````Document ``````我是三级标题
``![]()
`` 我是超链接，可以点击一下````
标签写完之后，我们用 chrome 浏览器打开上面这个 test.html 文件，看看页面效果：
到此，第一个简单的 HTML 页面就写完了。是不是很有成就感？
3
HTML 的结构详解
HTML 标签通常是成对出现的（双边标记），比如
和
；也有少部分单标签（单边标
记），如：
、
和
等。
属性与标记之间、各属性之间需要以空格隔开。属性值以双引号括起来。
html 骨架标签分类
1、文档声明头
任何一个标准的 HTML 页面，第一行一定是一个以 开头的语句。这一行，就是文档声明头，即 DocType Declaration，简称 DTD。
DTD 可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
在 HTML5 中极大的简化了 DTD，也就是说 HTML5 中就没有 XHTML 了。
HTML5 的 DTD（文档声明头）如下：
2、页面语言 lang
下面这行标签，用于指定页面的语言类型：
最常见的语言类型有两种：
en：定义页面语言为英语。
zh-CN：定义页面语言为中文。
3、头标签 head
html5 的比较完整的骨架：
面试题：
-
问：网页的 head 标签里面，表示的是页面的配置，有什么配置？
-
答：字符集、关键词、页面描述、页面标题、IE 适配、视口、iPhone 小图标等等。
头标签内部的常见标签如下：
meta 标签：
meta 表示“元”。“元”配置，就是表示基本的配置项目。
常见的几种 meta 标签如下：
（1）字符集 charset：
字符集用 meta 标签中的 charset 定义，charset 就是 character set（即“字符集”），即网页的编码方式。
字符集 (Character set) 是多个字符的集合。计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
上面这行代码非常关键，是必须要写的代码，否则可能导致乱码。比如你保存的时候，meta 写的和声明的不匹配，那么浏览器就会出现乱码。
utf- 8 是目前最常用的字符集编码方式，常用的字符集编码方式还有 gbk 和 gb2312 等。关于“编码方式”，我们在下一段会详细介绍。
（2）视口 viewport：
width=device-width：表示视口宽度等于屏幕宽度。
（3）定义“关键词”：
举例如下：
这些关键词，就是告诉搜索引擎，这个网页是干嘛的，能够提高搜索命中率。让别人能够找到你，搜索
到你。
（4）定义“页面描述”：
meta 除了可以设置字符集，还可以设置关键字和页面描述。
只要设置 Description 页面描述，那么百度搜索结果，就能够显示这些语句，这个技术叫做 SEO（search engine optimization，搜索引擎优化）。
设置页面描述的举例：
上面的几种 标签都不用记，但是另外还有一个 标签是需要记住的：
上面这个标签的意思是说，3 秒之后，自动跳转到马哥教育页面。
title 标签:
用于设置网页标题：
网页的标题
title 标签也是有助于 SEO 搜索引擎优化的。
base 标签：
base 标签用于指定基础的路径。指定之后，所有的 a 链接都是以这个路径为基准。
4、标签
：用于定义 HTML 文档所要显示的内容，也称为主体标签。我们所写的代码必须放在此标签內。标签的属性有：
-
bgcolor：设置整个网页的背景颜色。
-
background：设置整个网页的背景图片。
-
text：设置网页中的文本颜色。
-
leftmargin：网页的左边距。IE 浏览器默认是 8 个像素。
-
topmargin：网页的上边距。
-
rightmargin：网页的右边距。
-
bottommargin：网页的下边距。
网络安全学习资源分享:
给大家分享一份全套的网络安全学习资料，给那些想学习 网络安全的小伙伴们一点帮助！
对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。
因篇幅有限，仅展示部分资料，朋友们如果有需要 全套《网络安全入门 + 进阶学习资源包 》，需要 点击下方链接 即可前往获取
读者福利 | CSDN 大礼包：《网络安全入门 & 进阶学习资源包》免费分享 （安全链接，放心点击）
同时每个成长路线对应的板块都有配套的视频提供：
学习资料工具包
压箱底的好资料，全面地介绍网络安全的基础理论，包括逆向、八层网络防御、汇编语言、白帽子 web 安全、密码学、网络安全协议等，将基础理论和主流工具的应用实践紧密结合，有利于读者理解各种主流工具背后的实现机制。
面试刷题
视频配套资料 & 国内外网安书籍、文档
当然除了有配套的视频，同时也为大家整理了各种文档和书籍资料
所有资料共 282G，朋友们如果有需要全套《网络安全入门 + 进阶学习资源包》，可以扫描下方二维码或链接免费领取~
读者福利 | CSDN 大礼包：《网络安全入门 & 进阶学习资源包》免费分享 （安全链接，放心点击）
原文地址: 网络安全小白入门基础：HTML（非常详细）零基础入门到精通，收藏这一篇就够了
