喜欢我的话，点击上方 蓝色文字关注吧 👆
不喜欢看文字的同学，点击下方👇 绿色按钮，竖起耳朵👂听吧
。
初识HTML 来自刘小妞的栖息地 00:00 15:36
终于有心情写技术贴啦
。
今天主要介绍一下前端三大基石之一——HTML。
HTML，全称叫做“超文本标记语言”，英文是“H yper Text M arkup Language”。
说一些通俗的话吧，HTML，其实和我们平时用记事本写文字类似，但是比记事本功能强大一些。记事本只能包含文字，HTML页面可以包含文字、图片、链接、音频、视频等等，超文本就是这个意思，超级文本嘛。
HTML主要是由一套标记标签来标记的语言，标记标签通常简称为标签，标签大部分是成对出现的，标签中间的是要显示的内容，当然，标签可以嵌套标签，标签不区分大小写。学习HTML，基本上就是掌握各个标签的功能。
举个例子，“<div>我是刘小妞</div>”。
"<div>"是开始标签，“</div>”是结束标签，结束标签比开始标签多了一个斜杠“/”，中间的文字是标签的内容，浏览器解析的时候，标签是不显示的，只显示标签中间的内容，标签是用来标记的，让浏览器来解析的。标签可以理解为一个盒子，盒子里面装的东西就是标签内容。
一个HTML页面是有结构的，通常包括头部和主体。如下图。
<html>标签是最外层的标签，主要是告诉浏览器，这个文件是用超文本标记语言来描述的。
<head>是头部，头部的内容不显示在网页里，它主要是用来描述网页的一些信息，它里面最常用的标签是<title>(网页的标题，显示在网页窗口的标题栏中)，<meta>(网页的元数据，主要针对搜索引擎设置内容)。
<body>是主体内容，网页显示的就是这部分内容，它里面可以嵌套各种标签。
HTML文件的扩展名是.html或者.htm，为了完整，我们通常用.html。
HTML文件的编辑器很随意，只要你愿意，用记事本写都没有问题。不过，最好是用一些有提示功能的编辑器，这样写起来，更顺手，效率也更高一些。
我现在用Sublime Text ，最初学的时候用Dreamwear, Dreamwear应该是最专业的一款做网页的软件，还有什么notepad++、editplus等等，都可以用。
下面说几个网页里最常用的标签：
<div>——每个网页都会用到的一个标签，它没什么具体含义，简单理解，就是一个空盒子，一般用它来做布局。
<a>——链接标签，凡是用到链接的地方，都是它的事。
<img>——图片标签，凡是显示图片的地方，都是它的事。
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>——这6个标签是标题标签，他们的区别就是字号大小，<h1>最大，<h6>最小。
<p>——段落标签。
<table>——表格标签。
<form>——表单标签。
<ul>、<ol>、<dl>——列表标签，<ul>是无序列表，列表项前是一个小黑点，<ol>是有序列表，列表项前显示1、2、3等数字，<dl>是自定义列表，包括列表项和注释。
OK，HTML大概就是这个样子，只要掌握了上面说的几个常用的标签，就算是学会了99%的HTML了，是不是很简单
。
接下来，我会写一篇详细介绍以上常用标签的文章。
长按下方二维码，关注刘小妞的栖息地 👇👇👇
