用表格布局2个链接6个图片

来源：互联网发布：plc监控网络安装方法编辑：程序博客网时间：2024/05/01 20:03

图图：

这是某些网页上常见的一个布局；可以使用html table;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>图文布局</title><head></head><body>    <div style="margin:0 auto;background:#2A79BE;width:1425px;">     <table align="center"  border=0 width=1425 height=500 background=#00aeef>       <tr width=1400>         <td><a href="">小兔子卖萌</a></td>         <td><a href="#"><img src="img/1.jpg" border="1" width="350" height="250" /></a></td>         <td><a href="#"><img src="img/2.jpg" border="1"  width="350" height="250" /></a></td>         <td><a href="#"><img src="img/3.jpg" border="1"  width="350" height="250" /></a></td>       </tr>       <tr width=1400>         <td><img src="img/4.jpg" border="1" width="350" height="250" /></td>         <td><img src="img/8.jpg" border="1" width="350" height="250" /></td>         <td><img src="img/xiaohui1.jpg" border="1" width="350" height="250" /></td>         <td><a href="">小兔子亲嘴</a></td>       </tr>    </table>    </div></body></html>

定义表格，2行4列；在各列分别放置a链接和img元素即可；

0 0