黑马程序员技术交流社区

标题: 求资源或教程，如何用table给网站布局 [打印本页]
作者: 荣右铭    时间: 2013-10-18 17:23
标题: 求资源或教程，如何用table给网站布局
本帖最后由 荣右铭 于 2013-10-18 19:16 编辑

今天学html学到了table，知道了如何创建表格，但如何用table给网页里的内容进行布局？
百度很多都不全啊，讲的很乱，我html0基础的，举个例子，我要用table排列几张图片
弄成左面一张，右面上下两张那样怎么弄？
作者: ╰┄轩、辕_ヤ    时间: 2013-10-18 18:39
<table width="596" height="148" border="1">
  <tr>
    <td width="292" height="46">&nbsp;</td>
    <td width="288"><img width="292" height="42" scr="*.jpg" /></td>
  </tr>
  <tr>
    <td height="46"><img width="292" height="42" scr="*.jpg" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="46">&nbsp;</td>
    <td><img width="292" height="42" scr="*.jpg" /></td>
  </tr>

</table>
你说的是这个样子的吗？
如果你初学可以用Dreamweaver创建网页
作者: guo329838627    时间: 2013-10-18 19:02
  1. <table width="260px">
  2. <tr>
  3. <td align="right">
  4. <img  src="psb.jpg" width="100" height="100"/>
  5. </td>
  6. </tr>
  7. <tr>
  8. <td align="left">
  9. <img  src="psb.jpg" width="100" height="100"/>
  10. </td>
  11. </tr>
  12. <tr>
  13. <td align="right">
  14. <img  src="psb.jpg" width="100" height="100"/>
  15. </td>
  16. </tr>
  17. </table>
复制代码
希望能帮到你！
作者: 追溯客    时间: 2013-10-18 19:11
<table width="260px">
<tr>
<td align="right">
<img  src="psb.jpg" width="100" height="100"/>
</td>
</tr>
<tr>
<td align="left">
<img  src="psb.jpg" width="100" height="100"/>
</td>
</tr>
<tr>
<td align="right">
<img  src="psb.jpg" width="100" height="100"/>
</td>
</tr>
</table>

高度宽度,直接dw,鉴定完毕



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2