[Thắc mắc] Làm sao làm được khung này trong html

[Ngọc Trâm]

 demo onl : http://www.phutu.vn/h35-

[jack lagger]

nó là dùng lệnh table cả td, tr thôi bạn ạ mà ghép vào
share luôn cái html shop thú nuôi .. bạn mang về nhét vô html rồi xem trước xong nghiên cứu sửa lại nhé
k khó lắm đâu..viết nó dài  

Code:

<table border="1"><tbody><tr><td align="left"><font color="red"><strong>Tên của pet...
</strong></font></td><td align="left"><font color="red"><strong>Hình ảnh...
</strong></font></td><td align="left"><font color="red"><strong>Giá... (ZG)
</strong></font></td></tr><tr><td align="left"><strong>Quái vật thạch tím</strong><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/iconshock/monster/48/monster-1-icon.png" alt="" border="0"></strong></td><td align="left"><strong>300 </strong><a style="font-weight: bold;" href="http://***************.com/h5-page" class="postlink">Mua</a></td></tr><tr><td align="left"><strong>Cún nâu ngoan </strong><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/benoit-bender/a-dogs-life/48/Soja-icon.png" alt="" border="0"></strong></td><td align="left"><strong>400 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Mèo quái vật</strong><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/benoit-bender/a-dogs-life/48/I-hate-Dogs-icon.png" alt="" border="0"></strong></td><td align="left"><strong>180 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Trâu trung thành</strong><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/troyboydesign/delightful-zodiac/48/Ox-icon.png" alt="" border="0"></strong></td><td align="left"><strong>350 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Cún con vàng</strong><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/troyboydesign/delightful-zodiac/48/Dog-icon.png" alt="" border="0"></strong></td><td align="left"><strong>400 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Thó trắng</strong><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/troyboydesign/delightful-zodiac/48/Rabbit-icon.png" alt="" border="0"></strong></td><td align="left"><strong>200 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Vịt đôta xanh</strong><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/icondrawer/adium/48/Adium-Flap-icon.png" alt="" border="0"></strong></td><td align="left"><strong>200 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Ngựa vằn sọc<br></strong></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/fasticon/african-pets/48/Zebra-icon.png" alt="" border="0"></strong></td><td align="left"><strong>200 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>
</strong><span style="font-weight: bold;">Heo con hồng</span><br></td><td align="left"><strong><img src="http://icons.iconarchive.com/icons/archigraphs/we-love-cows/48/PinkCow-icon.png" alt="" border="0"></strong></td><td align="left"><strong>300 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr></tbody></table><table border="1"><tbody><tr><td align="left"><font color="red"><strong>Tên nhân vật</strong></font><span style="color: Red;"><span style="font-weight: bold;">...</span></span><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><font color="red"><strong>Hình ảnh...
</strong></font></td><td align="left"><font color="red"><strong>Giá (ZG)
</strong></font></td></tr><tr><td align="left"><strong>Hinata</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/hinata.gif" alt="" border="0"></td><td align="left"><strong>2000 </strong><a style="font-weight: bold;" href="http://***************.com/h5-page" class="postlink">Mua</a></td></tr><tr><td align="left"><strong>Itachi</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/itachi.gif" alt="" border="0"></td><td align="left"><strong>3000 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>thầy Kakashi</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/kakashi3.gif" alt="" border="0"></td><td align="left"><strong>3000 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Naruto</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/naruto.gif" alt="" border="0"></td><td align="left"><strong>3500 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Neji</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/neji.gif" alt="" border="0"></td><td align="left"><strong>2500 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Rock le</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/lee1.gif" alt="" border="0"></td><td align="left"><strong>2500 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Cô Tsunade</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/tsunade.gif" alt="" border="0"></td><td align="left"><strong>2000 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Ten Ten</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/tenten.gif" alt="" border="0"></td><td align="left"><strong>1000 <a href="http://***************.com/h5-page" class="postlink">Mua</a>
</strong></td></tr><tr><td align="left"><strong>Susuke</strong><br></td><td style="vertical-align: top;" align="left">
</td><td align="left"><img src="http://kidfam.net/forum/ishop/items/sasuke4.gif" alt="" border="0"></td><td align="left"><strong>3000 <a href="http://***************.com/h5-page" class="postlink">Mua</a><br>
</strong></td></tr></tbody></table>