TRANG TIN

Mục đích:

Sử dụng HTML và CSS để tạo trang tin.

Nội dung:

Sử dụng thư viện ảnh và css có sẵn để tạo trang có giao diện như sau:

Tham khảo trang mẫu

Hướng dẫn thực hiện

Bước 1: Tạo bố cục (layout) trang

<div id=“top”></div>

<div id=“middle”>

<div id=“left”></div>

<div id=“center”></div>

<div id=“right”></div>

<br class=”clear”/>

</div>

<div id=“bottom”></div>

<style>

#left, #center, #right {display:inline; float:left;}

.clear {clear:both;}

</style>

Bước 2: Đưa nội dung vào từng vùng (div)

<div id=“top”>(ảnh banner)</div>

<div id=“middle”>

<div id=“left”>(ul với css thành menu, ảnh)</div>

<div id=“center”>(đoạn văn)</div>

<div id=“right”>ảnh</div>

</div>

<div id=“bottom”>(tạo layout tiếp)</div>