前端工程师使用Web技术栈解决多端图形界面与用户交互的问题，他们多关注于页面的功能性、兼容性、美观程度以及安全性等。要实现这一点需要用到HTML语言。
HTML全称Hypertext（超文本）Markup Language（标记语言）。
其中超文本包括图片、标题、表格和链接等，实现超文本的表达需要用到由开始标签和结束标签组成的标记语言。
一个完整的HTML结构大致如下：
<!doctype html> //用于指出HTML的版本
<html> //总标签（类似于main函数）
<head> //head标签，存放源数据（不需直接呈现给用户的）
<meta charset="UTF-8"> //页面用了什么样的编码
<title>页面标题</title> //页面的标题
</head>
<body> //body里放呈现给用户的内容（超文本）
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
当然也可以在标签上设置属性。举例来说，在用以表示图片的一个标签中
<img src="photo.jpg"/>
其中src为属性名，photo.jpg为属性值
将以上的框架内容放入浏览器中，就可以看到一些基本的画面了。浏览器拿到HTML之后，会将代码解析为一个DOM树。
DOM树大概是这个样子：
DOM树其实就是一种树形结构，全称为Document Object Model（文档对象模型）。在包含文档的根节点document里有一个HTML节点，HTML节点里又有head和body等等，简单来说就是把HTML代码转化成一种树形结构。里面的每一个节点称为DOM节点。
其实就我个人感觉，最后浏览器所表示出的效果和C语言的标准输出窗口是异曲同工的，这样类比过来很适合理解HTML语言的基础构型。
