TẠO KHUNG CHO BÀI VIÊT LIÊN QUAN

Code 1

<table border="1" style="width: 570px;"><tbody><tr> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody><tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="Link bài viết 1">Tiêu đề bài viết 1</a></td> </tr></tbody></table></td> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody><tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="link bài viết 2">Tiêu đề bài viết 2</a></td> </tr></tbody></table></td> </tr></tbody></table><table border="1" style="width: 570px;"><tbody><tr> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody><tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="link bài viết 3">Tiêu đề bài viết 3</a></td> </tr></tbody></table></td> <td style="text-align: left; width: 280px;" valign="top"> <table border="0" style="width: 280px;"><tbody><tr> <td style="text-align: left; width: 110px;" valign="top"> <img height="65" src="Link Hình" width="90" /></td> <td style="text-align: left; width: 165px;" valign="top"> <a href="Link bài viết 4">Tiêu đề bài viết 4</a></td> </tr></tbody></table>

Chú thích

Thay link hình và độ cao và rộng thích hợp
Thay link liên kết và tiêu đề bài viết
Các bạn đóng khung code lại để không bị ảnh hưởng đến nội dung khác .Xem hướng dẫn đóng khung VÀO ĐÂY.Nhớ dán code vào HTMLvà diều chỉnh đô rộng cho phù hợp

Xem mẫu VÀO ĐÂY

Code 2

<table border="1" style="width: 565px" > <tr> <td style="width: 280px;text-align:left;"> <img src="Link Icom"width="n" height="n" /> <a href="Liên kết tới bài viết 1">Tiêu đề bài viết 1</a><br> <img src="Link Icom"width="n" height="n" /> <a href="Liên kết tới bài viết 2">Tiêu đề bài viết 2</a><br> </td> <td style="width: 280px;text-align:left;"> <img src="Link Icom"width="n" height="n" /> <a href="Liên kết tới bài viết 3">Tiêu đề bài viết 3</a><br> <img src="Link Icom"width="n" height="n" /> <a href="Liên kết tới bài viết 4">Tiêu đề bài viết 4</a><br> </td>

Thông số

 Link Icom ;Link hình tiêu biểu cho bài viết
n  thay độ rông và chiều cao của Icom
Liên kết tới bài viêt:Chèn link bài viết
Tiêu đề bài viết:Thay tiêu đè bài viết
Hiển thị code

Tiêu đề bài viết 1 Tiêu đề bài viết 2

Tiêu đề bài viết 3 Tiêu đề bài viết 4

Code 3

Liên kết cột 2 </div>
</td> </tr>
</t<table border="0" style="width: 560px;"><tbody>
<tr> <td style="text-align: left; width: 280px;" valign="top"><table border="1" style="width: 280px;"><tbody>
<tr> <td style="text-align: left; width: 130px;" valign="top">
<div style="text-align: center;">
<img height="60" src="Link Hình" width="100" />

Liên kết cột 1 </div>
</td> <td style="text-align: left; width: 0px;" valign="top">
<div style="text-align: center;">
<img height="60" src="Link Hình" width="100" />
body></table>
</td> <td style="text-align: left; width: 0px;" valign="top"><table border="1" style="width: 280px;"><tbody>
<tr> <td style="text-align: left; width: 130px;" valign="top">
<div style="text-align: center;">
<img height="60" src="Link Hình" width="100" />

Liên kết cột 3 </div>
</td> <td style="text-align: left; width: 0px;" valign="top">
<div style="text-align: center;">
<img height="60" src="Link Hình" width="100" />

Liên kết cột 4 </div>
</td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>

Hiển thị

Liên kết cột 1 Liên kết cột 2

Liên kết cột 3 Liên kết cột 4

Xem mẫu VÀO ĐÂY
Bài viêt liên quan
Tạo hình nền và chia cột cho bài viết