初识HTML——刚刚学习前端，你需要了解的知识有哪些

终于有心情写技术贴啦。

今天主要介绍一下前端三大基石之一——HTML。

HTML，全称叫做“超文本标记语言”，英文是“Hyper Text Markup Language”。

说一些通俗的话吧，HTML，其实和我们平时用记事本写文字类似，但是比记事本功能强大一些。记事本只能包含文字，HTML页面可以包含文字、图片、链接、音频、视频等等，超文本就是这个意思，超级文本嘛。

HTML主要是由一套标记标签来标记的语言，标记标签通常简称为标签，标签大部分是成对出现的，标签中间的是要显示的内容，当然，标签可以嵌套标签，标签不区分大小写。学习HTML，基本上就是掌握各个标签的功能。

举个例子：

<div>我是刘小妞</div>

<div>是开始标签，</div>是结束标签，结束标签比开始标签多了一个斜杠“/”，中间的文字是标签的内容，浏览器解析的时候，标签是不显示的，只显示标签中间的内容，标签是用来标记的，让浏览器来解析的。标签可以理解为一个盒子，盒子里面装的东西就是标签内容。

一个HTML页面是有结构的，通常包括头部和主体。如下图。

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了，是不是很简单。

因为工作比较忙，博客上面更新的可能不会很及时，想看其他技术文章的朋友可以搜公众号”刘小妞的栖息地“找找看。

接下来，我再写一篇详细介绍以上常用标签的文章。