前端小白问我，HTML是什么？

大家好，我是你们的导师，我会坚持每天给大家整理一些干货内容（当然周末也要允许老师休息一下哈）。昨天给大家整理了一下前端的学习路线，是不是感觉前端的体系很丰富很庞大？没有关系，从今天开始，我会给大家继续整理细节的知识点。我们先从HTML开始。

对于IT相关专业的同学来说，HTML或许已经非常熟悉，但是有很多同学是非IT专业转行的，说到HTML都会好奇：HTML是啥?那我今天来跟大家分享下。

1. 什么叫“上网”？

“上网”这个词对于我们来说并不陌生，打开电脑，打开浏览器，输入想关键词，然后就会找到相应的网页。为什么通过我们在电脑上能看到网页上的内容呢？

事实上，上网就是请求数据，一个真实的物理的文件传输。网页其实就是包括html文件、css文件、js文件、图片等文件在电脑上渲染、呈递的结果。

制作网页者将网页上传至服务器之后，访问者即可通过搜索引擎向服务器发出HTTP请求，服务器收到请求，就会把这些文件通过HTTP协议传输到计算机中，并保存进一个临时文件夹中，在本地浏览器中渲染、呈递之后，就获得这个网页了。如图：

注：什么是HTTP协议，即Hypertext Transfer Protocol 的缩写，意思是“超文本传输协议”。

2. HTML基础知识

HTML是英语HyperText Markup Language的缩写，超文本标记语言，她是一种负责描述文档语义的语言。HTML是纯文本文件，只有文本，没有样式，文件后缀名是“html”。HTML通过标签给文本添加语义。HTML之所以称为“超文本”，是因为它可以通过超链接，连接不同空间的文档，进而与整个web网络连接起来。

3. HTML常用标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如。
HTML 标签通常是成对出现的，比如和。
标签对中的第一个标签是开始标签，第二个标签是结束标签。

复制代码

常用的标签简介

html基本骨架标签

文档的标题
文档的内容......
* 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，没有结束标签，必须是 HTML 文档的第一行，位于标签之前。
* 是文档的根元素，与标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。文档的头部由标签定义，主体由标签定义，所有html文档都有这个基本骨架。

复制代码

h系列

一级标题
二级标题
……
六级标题

复制代码

h标签没有嵌套关系，是一个容器级标签，理论上可以里面可以放文本级标签。

p标签：英语paragraph“段落”缩写，给文本添加段落语义。p标签是一个文本级标签，里面只能放文字、图片、表单元素。

3. HTML分类

HTML是一种标记语言，所以存在大量用来给文本定义语义的标签，这些标签就是就是HTML语言的血肉。HTML标签根据形式的不同，可分为对儿标签和自闭标签。

对儿标签：

1.
2.
3.
4.
5.
未完待续……

复制代码

自闭标签

1. 给文本定义图像
2. 给文本换行
3.
未完待续……

复制代码

根据HTML标签容量的特性，可分为容器级和文本级标签。

容器级标签

1. division定义文档中的分区或节
2.
3. unorderlist 定义无序列表
4. orderlist 定义有序列表
5. definition 定义定义列表
6. list 定义列表项目
7. definition title 定义标题
8. definition description 定义表述词儿

复制代码

文本级标签：里面只能放文字、图片、表单元素，不能放其他任何标签。

1. 组合行内元素，以便通过样式来格式化它们
2.

复制代码

好啦，这一章的知识就讲到这里啦，“纸上得来终觉浅，绝知此事要躬行”，现在呢，咱们就用电脑自带文本编辑器编写出人生第一个网页吧。

新建一个txt文件，内容如下：

然后把txt文档后缀名改为html，用浏览器打开。如下：

哈哈哈，这是女神邓丽君的著名歌曲《微风细雨》的歌词，老师正单曲循环中，由此可见，老师是上了年纪的人了。。

在记事本里敲代码的时候有没觉得慢，一个符号一个符号敲，心情超级焦急，超级超级不愉快，别着急，下篇文章老师将为大家介绍几款常用代码编辑器，其中不乏女神男神级别的神器哦，敬请期待！

顺便回答下有的同学在微信上问我的问题：为什么很多同学在我们这里学了不到4个月，月薪轻松25K以上？

长按扫一扫下面的二维码，我会亲口告诉你答案，一句话，选择大于努力！向有结果的人学习不会有错！