了解了前台和后台的基本概念，学习了一些基本的html概念，做了几个基本的网页，做了几个色块。
注意：<>中的为标签，<br>为换行符，<!--注释-->为注释，作用解释说明，或者使代码失去作用
<meta charset="utf8"><!--强制规定编码-->
http 超文本传输协议 HyperText Transfer Protocol
URL 统一资源低位符 UniformResourceLocation
html 超文本标记语言 HyperText Marked Language
CSS 层叠样式表 Cascading Style Sheets
实现：
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#a{
width: 500px;/*设置宽度*/
height: 500px;/*设置高度*/
background-color: #00ff00;/*设置背景色*/
float: left ;/*浮动*/
}
#b{
width: 500px;
height: 500px;
background-color: #00ffff;
float: left;
}
#c{
width: 500px;
height: 500px;
background-color: #0000ff;
float: left;
}
#d{
width: 500px;
height: 500px;
background-color: #ff0000;
float: left;
}
.clean{/*.代表了class*/
clear: left;/*清除浮动*/
}
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div class="clean"></div>>
<div id="d"></div>
</body>
</html>
原文：http://12254249.blog.51cto.com/12244249/1870287