Cấu trúc layout của một trang web tĩnh bằng ngôn ngữ html và css Xem DEMO Bản thiết kế Phần mềm lập trình website Xem trên trình duyệt. Đây là code tham khảo CODE: Select All <!doctype html><html><head><meta charset="utf-8"><title>Expamle 01</title><style type="text/css">*{ margin: 0px; padding: 0px;}.clr{ clear:both;}.block{ width: 150px; font-size:20px; font-weight: bold; height: 150px; line-height: 150px; text-align: center;}.body{ width: 800px; text-align: center; margin: 0px auto;}.header{ background-color:#00D3FF; width:100%; color:#FFFFFF;}.footer{ background-color: #8B8B8B; float: left; width: 100%; color: #FFFFFF;}.sidebar-left{ background-color:#00FF05; height: 300px; float: left; line-height: 300px;}.sidebar-right{ background-color:#FF00BE; height: 300px; float: right; line-height: 300px;}.content{ height:300px; float:left; line-height: 300px; width: 500px;}</style></head><body><div class="body"><div class="block header">Header</div><div class="block sidebar-left">Sidebar Left</div><div class="block content">Content</div><div class="block sidebar-right">Sidebar right</div><div class="clr"></div><div class="block footer">Footer</div></div><!--Code thiet ke boi Tran Van Cuong - cnttqn.com--></body></html>