标签：
前期准备
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定义如下中如下：
<html>
<head>
<title>Starbuzz Coffees</title>
<style type="text/css">
body{
background-color: #d2b48c; <!--背景颜色-->
margin-left: 20%;<!--左外边距-->
margin-right: 20%;<!--右外边距-->
border: 2px dotted black ;<!--内容边框-->
padding:10px 10px 10px 10px;<!--内容与内容边框的内边距-->
font-family: sans-serif;<!--字体-->
}
</style>
</head>
<body>
</body>
</html>
二、超链接（HT hypertext)
语法：<a href=""> </a>，
注意事项：源文件与目标文件的相对位置
三个页面：lounge.html（主页）、elixir.html(跳转页1)、directions.html（跳转页2）
文件beverages、about在lounge中。
<a href="beverages/elixir.html ">elixirs</a><!--elixir.html文件在beverages中-->
<a href="about/directions.html ">directions</a><!--directions.html在about中-->
<a href="../images/lounge.html ">Back to the lounge</a><!--directions.html、directions.html跳回lounge.html-->
下一、二级：name1/name2/目标文件
先上二级后下一级：../../下一级name1/目标文件
标签：
原文地址：http://www.cnblogs.com/beata-yyy/p/5897891.html
