网页的表格布局:
常用<table>表 <tr>表行 <td>表列,来布局
方法:
1、结构
<table> //该表为两行一列 <tr> //该处放置表的第一行,他有两列 <td></td> <td></td> </tr> <tr> //该处放置表的第二行,该行有一列,并且在该列又放置了一个表,继续做行列的划分 <td> <table></table> </td> </tr> </table>
2、样式
<table 样式></table> //该样式会影响整个表 <td>内容</td> //在列中要加入的内容,如 文字,控件,图片等等。 <tr></tr> //一般在行中不允许加内容。
3、代码示例
<table style="text-align:center" border="0" cellpadding="2" cellspacing="0" class="border0" width="100%"> <tr> <td class="title1" style=" 10%">姓名:</td> <td class="text0" style=" 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="8"> </td> <td><input id="txtProjectName" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="8"> </td> </tr> </table> </td> <td class="title1" style=" 10%">年龄:</td> <td class="text0" style=" 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="8; height: 24px;"> </td> <td style="height: 24px"><input id="Text1" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="8; height: 24px;"> </td> </tr> </table> </td> <td class="title1" style=" 10%">单位:</td> <td class="text0" style=" 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="8"> </td> <td><input id="Text2" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="8"> </td> </tr> </table> </td> </tr> <tr> <td class="title1" style=" 10%">备注:</td> <td class="text0" style=" 25%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="8"> </td> <td><input id="Text3" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td> <td style="8"> </td> </tr> </table> </td> </tr> </table>