前期准备
2本书：
《HTML5从入门到精通》清华大学出版社，《Head First HTML与CSS》中国电力出版社；
1个编译器：sublime；
几种浏览器用于测试网页：Firefox、chrome、360、IE；
2个主要的学习网站：慕课网:http://www.imooc.com/，w3school:http://www.w3school.com.cn/h.asp;立即学习“前端免费学习笔记（深入）
”；
还有一颗安定的心、沉下心去学。
开始学习
一、HTML与CSS初步认识
HTML是网页的结构（相当毛坯房，还未进行装修），CSS是来定义样式的（相当于装修）；所以这两种语言共同构成了网页，其实在HTML中标签的属性style也可以定义样式，HTML结构与CSS定义如下中如下：Starbuzz Coffeesbody{background-color: #d2b48c;margin-left: 20%;margin-right: 20%;border: 2px dotted black ;padding:10px 10px 10px 10px;font-family: sans-serif;}
二、超链接（HT hypertext)
语法：，
注意事项：
源文件与目标文件的相对位置三个页面：lounge.html（主页）、elixir.html(跳转页1)、directions.html（跳转页2）
文件beverages、about在lounge中。
elixirsdirectionsBack to the lounge下一、二级：name1/name2/目标文件先上二级后下一级：../../下一级name1/目标文件