TẠO MENU BẰNG CODE = CHÈN VÀO HTML

Hồi trước viết bài này để chơi cho zui thui! để làm tài liệu riêng lỡ sau này cần tới khi chuyển bên 360 plus qua! mà cái này ai cũng biết hết rồi nên mình viết hơi ẩu, khiến mọi người khi đọc thấy tò mò và không hiểu j, mong mọi người thông cảm nha! H mình xin viết lại,

 
     Không dài dòng nữa mình đi vào vấn đề chính nào! để có được 1 menu như thế này :

Blog của teoty hay henriteo^^	Sau vài giờ tìm tòi + học hỏi	Giới thiệu FLASH cô đơn
Hưỡng dẫn tạo menu nhanh băng	Hướng dẫn hoàn chỉnh thiết kế flash trên banner.alimama.com	Đây là ngôi nhà mà tôi không muốn rời hjx

Ta thực hiện các bước viết code như sau:
Dạng chung của code là:
<div><table><tr><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1">Tên bài viết dòng 1 cột 1</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 2">Tên bài viết dòng 1 cột 2</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 3">Tên bài viết dòng 1 cột 3</a></tr>

Nếu bạn muốn thêm một dòng nữa thì cho tiếp đoạn code sau tiếp theo của đoạn code trên:
<tr><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 1">Tên bài viết dòng 2 cột 1</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 2">Tên bài viết dòng 2 cột 2</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 3">Tên bài viết dòng 2 cột 3</a></tr>

để đoạn code trở thành:
<div><table><tr><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1">Tên bài viết dòng 1 cột 1</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 2">Tên bài viết dòng 1 cột 2</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 3">Tên bài viết dòng 1 cột 3</a></tr><tr><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 1">Tên bài viết dòng 2 cột 1</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 2">Tên bài viết dòng 2 cột 2</a><td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 3">Tên bài viết dòng 2 cột 3</a></tr>

Như vậy muốn bao nhiêu dòng thì bạn thêm bấy nhiêu đoạn code trên. Ngoài ra nếu muốn chèn thêm icon cho mỗi tên bài viết thì thêm đoạn sau vào trước phần tên bài viết
<img src="Link hình icon">

tức là:
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1"><img src="Link hình icon">Tên bài viết dòng 1 cột 1</a>

Để thêm màu chữ, kiểu font, kích cỡ thì thêm đoạn code sau :
<font style="font-weight:bold;color:#ff00ff;font-family:Tahoma;" size="3">

tức là:
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1"><font style="font-weight:bold;color:#ff00ff;" size="3"><img src="Link hình icon">Tên bài viết dòng 1 cột 1</a>

Vậy là hoàn tất rồi, các bạn nhớ chèn vào HTML nha! nếu bạn nào chưa biết chèn nhớ comment ở bài viết này để mình chụp hình minh họa! tks các bạn vì đã quan tâm đến bài viết!

bài viết của tonyteo