代码如下:
<table border="1" width="500">
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td rowspan="2">5</td>
<td colspan="2">6</td>
</tr>
<tr>
<td colspan="2">7</td>
</tr>
</table>
<table height="500" width="30%" bgcolor="yellow" align="left">中的 align="left"呈l现的效果是float:left;你可以审查元素看一下。
还有你table你嵌两个table,结构就应该是一行两列,两个td。而不是在一个td里嵌
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Strict//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-strictdtd">
<html xmlns="http://wwww3org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css">
/
为了显示出效果,表格都加了边框 margin、padding、border是为了取消浏览器的默认值
/
{
margin:0;
padding:0;
border:0;
}
#container{
border:1px solid red;
border-collapse:collapse;
width:300px;
height:300px;
text-align:center;
}
td {
width:100px;
height:100px;
border:1px solid red;
}
#inner {
width:300px;
height:100px;
border:1px solid green;
border-collapse:collapse;
}
</style>
</head>
<body>
<table id="container">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>身高</td>
</tr>
<tr>
<td>张三</td>
<td>23</td>
<td>180</td>
</tr>
<tr>
<td colspan="3">
<table id="inner">
<tr>
<td colspan="3">这是嵌套的表格</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
随便都可以啊,只要分清楚功能就行了,如果表格放在表单中,那么你可以在这个表格中只设置一个提交,就可以了。如果你要把表单放到表格中,可以放置多个提交按钮在里面。
其中最常用的还是表单嵌套表格。
你看一下 是不是你想要的效果:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 10 Transitional//EN ;
html xmlns= ;
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
/head
body
table width="80%" border="1" align="center"
tr
td width="80%" align="center"跟我学网页制作/td
/tr
tr
td width="80%"table width="100%" border="1"
tr
td rowspan="2" width="15%"img src="/anation2gif"//td
td align="center"基础知识简介/td
/tr
tr
tdtable width="100%" border="1"
tr
td align="center" width="50%"第一讲/td
td align="center" width="50%"HTML简介/td
/tr
tr
td align="center"第二讲/td
td align="center"HTML标记/td
/tr
tr
td align="center"第三讲/td
td align="center"CSS基础/td
/tr
/table/td
/tr
tr
td align="center"HTML最新课堂/td
td align="center"高级应用技术/td
/tr
/table/td
/tr
tr
td width="80%" align="center"多层表格嵌套实例/td
/tr
/table
/body
/html
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)