Hướng dẫn code một layout DIV + CSS đơn giản

Một layout đơn giản sẽ giúp các bạn có nền tảng để phát triển những layout lớn hơn, phức tạp hơn.
Bài này sẽ tạo ra một layout có 4 phần.

1. Banner
2. Menu left
3. Body
4. Footer

code:
<style type="text/css">
#hotrolaptrinh_div1{
margin:0 auto;
width:1000px;
background:#FFFFFF;
height:auto;
}
#hotrolaptrinh_div2{
background:#0033FF;
float:left;
width:1000px;
height:80px;
}
#hotrolaptrinh_div3{
background:#00FFFF;
float:left;
width:200px;
height:400px;
}
#hotrolaptrinh_div4{
float:left;
background:#00FF00;
width:800px;
height:400px;
}
#hotrolaptrinh_div5{
background:#FF0000;
width:1000px;
height:80px;
clear:both;
}
</style>


<div id="hotrolaptrinh_div1">
<div id="hotrolaptrinh_div2">
</div>
<div id="hotrolaptrinh_div2">
</div>
<div id="hotrolaptrinh_div3">
</div>
<div id="hotrolaptrinh_div4">
</div>
<div id="hotrolaptrinh_div5">
</div>
</div>