你在屏幕前看到的基本上都是前端技术引用，我们主要是学习网页制作，所以直接从HTML入门开始我们的前端学习，等学习了HTML、CSS、JavaScript这三门课程，制作一个网站或者APP、微信小程序这些应用页面还是问题不大的。
HTML快速了解
HTML是超文本标记语言， 一种用于创建网页的标准标记语言，它由浏览器解析，并运行在浏览器上面，你看到的网页就是由HTML写的。
在看案例之前我们先看一张HTML结构图
HTML案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>站宝库(www.zhanbaoku.com)</title>
</head>
<body>
<h1>HTML学习之旅</h1>
<p>今天开始我就开始学习HTML语言了，我相信不久的将来我就会成为一名前端工程师</p>
</body>
</html>
这个就是最简单的HTML案例了， HTML文档就好像人体的结构一样，被分为“文件头”和“文件体”两部分。文件头利用<head></head>标记对来实现，文件体利用<body></body>标记对来实现。 我们再来分析这个案例的结构，都包含了哪些东西。
<!doctype html>我们可以理解为文档类型是HTML 稍微有点英语基础的就可以看出来DOC,TYPE。
<html></html>称为根标签，可以理解为所有的内容都要写在这个标签里面。
<head></head>称为头部标签，除了可以定义看得到的名称外，还可以定义文档编码类型、页面关键字、页面描述、版权等看不到的信息。
<title></title>称为文档标题标签，告诉你这个页面是主题。
<body></body>称为主题内容标签，所有展示在浏览器里的内容都写在这个标签里面。 <body></body> 标签中可以包含其它含义的标签，在以后的学习中我们会慢慢介绍。
HTML开发工具
HTML其实用记事本就可以编写了，但是为了提高代码编写效率，还是推荐大家用工具编写，在这里推荐几款前端开发工具，不仅现在可以写HTML后期还可以写CSS、JavaScript等语言。常用的开发工具有 Dreamweaver、 Sublime Text 、Hbuilder、 webstrom、 Notepad++ 等等，自己喜欢哪个就用哪个，我比较喜欢 Hbuilder ，所以在后面的学习中我会用 Hbuilder 来做案例。
总结：
其实这个HTM入门讲解省略了很多需要了解的内容，没写出来的原因就是不想啰里啰嗦，等大家学会了HTML之后，这些没写出来而又需要理解的内容就自然而然的明白了，HTML的学习主要是在对标签的记忆，和记英语单词一样，只要记住了标签含义那么你就学会了一半HTML知识了，所以后面我们主要是讲HTML各种标签的用法。