html不用表格如何做左边四张小图右边一张大图

代码最少的就是<img src="大图路径" align="right">

<img src="小图路径"><img src="小图路径"><img src="小图路径"><img src="小图路径">

这样是最简单的，但是在图片规格不固定的情况下也是最不靠谱的。。。。

用div的话就分左边一大框，右边一大框。。。

<div style="float:leftwidtH:200pxoverflow:hidden">

<div style="float:leftwidtH:100pxoverflow:hiddenheight:50px"><img src="小图路径"></div>

<div style="float:leftwidtH:100pxoverflow:hiddenheight:50px"><img src="小图路径"></div>

<div style="float:leftwidtH:100pxoverflow:hiddenheight:50px"><img src="小图路径"></div>

<div style="float:leftwidtH:100pxoverflow:hiddenheight:50px"><img src="小图路径"></div>

</div>

<div style="float:RightwidtH:200pxoverflow:hidden"><img src="大图路径"></div>

方法有很多，最实在的还是自己看看教程，了解了才是王道

<style>

.top {background:url(/top.gif) no-repeatwidth:100pxheight:1pxoverflow:hidden}

/*中间的线是关键，要整合在一张图片上*/

.center {background:url(/center.gif) repeat-ywidth:100px}

.bottom {background:url(/bottom.gif) no-repeatwidth:100pxheight:1pxoverflow:hidden}

</style>

<div class="top"></div><!-- 上面的1条线 -->

<div class="center"><!-- 左右2条线 -->

内容。。。。。

</div>

<div class="bottom"></div><!-- 下面1条线 -->

---