html制作表格代码
1. 用html怎么制作表格
仅供参来考
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<th height="100" colspan="2" style="font-size:18px;text-align:center">总表头</th>
</tr>
<tr>
<td width="100" height="80">表头</td>
<td rowspan="3">内容源</td>
</tr>
<tr>
<td height="80">表头</td>
</tr>
<tr>
<td height="80">表头</td>
</tr>
</table>
height是代表高度,width是代表宽度,可以随意修改
也可以根据百分比来写width
2. html表格代码怎么写的
用到拆分合并单元格,手写挺麻烦的,先用dw在设计视图片实现,然后再返回代码视图,复制即可.代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<table width="268" height="200" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="50" colspan="2" bordercolor="#0000FF"> </td>
<td rowspan="4" bordercolor="#0000FF"><table width="100%" height="200" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="75" bordercolor="#0000FF"> </td>
</tr>
<tr>
<td height="125" bordercolor="#0000FF"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="50" colspan="2" bordercolor="#0000FF"> </td>
</tr>
<tr>
<td height="50" bordercolor="#0000FF"> </td>
<td height="50" bordercolor="#0000FF"> </td>
</tr>
<tr>
<td height="50" bordercolor="#0000FF"> </td>
<td height="50" bordercolor="#0000FF"> </td>
</tr>
</table>
解释如下:
先插入四行两列的表格,第一列通过合并单元格来实现,第二列将所有单元格合并,然后新插入一个两行一列的表格即可实现上述效果.
3. 如何用HTML来制作表格
楼主你好。
html编写表格的方法有多种。
最简单的就是用html标签<table></table>
表格是由表头,表格,表行组成的。
表头<tt></tt>
表行<tr></tr>
表格<td></td>
表头和表格都是放在表行里面的。
下面假设写一个2行1列的表格
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Table</title>
</head>
<body>
<table>
<tr><th>第一行</th></tr>
<tr><td>第二行</td></tr>
</table>
</body>
</html>
4. HTML做这样的表格,怎么写代码
<!DOCTYPE>
<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td></td>
<td rowspan="3"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
5. 求html制作一个3*3表格的代码
<html>
<head>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="90%">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
</html>
6. 求以下网页设计表格html代码
代码(大小有需要可以调):
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>练习使用HTML</title>
</head>
<body>
<center>
<tableborder="1px"cellpadding="0px"cellspacing="0px">
<tr>
<tdcolspan="4"height="60px"></td>
</tr>
<tr>
<tdwidth="200px"height="60px"></td>
<tdwidth="200px"height="60px"></td>
<tdwidth="200px"height="60px"></td>
<tdwidth="200px"height="60px"></td>
</tr>
<tr>
<tdcolspan="4"height="60px"></td>
</tr>
<tr>
<tdcolspan="4"height="60px"></td>
</tr>
<tr>
<tdcolspan="4"height="60px"></td>
</tr>
<tr>
<tdcolspan="4"height="60px"></td>
</tr>
</table>
</center>
</body>
</html>
运行效果:
7. html表格代码
你可以用锚点试试
可能我整的不好 但你可以自己排版 我只是给以一个简单的例子
<body>
<font color="blue" size="8"></font>
<a href="#first">第一页</a>
<br>
<a href="#scend">第二页</a>
<br>
<a href="#third">第三页</a>
<br>
<pre>
<a name="first">第一页</a>
<tr>
<td><img src="img/4j.gif" width="222" height="173" /></td>
<td><img src="img/13j.gif" width="222" height="173" /></td>
<td><img src="img/14j.gif" width="222" height="173" /></td>
<td><img src="img/14j.gif" width="222" height="173" /></td>
</tr>
<tr>
<td><img src="img/14j.gif" width="222" height="173" /></td>
<td><img src="img/15j.gif" width="222" height="173" /></td>
<td><img src="img/13j.gif" width="222" height="173" /></td>
<td><img src="img/15j.gif" width="222" height="173" /></td>
</tr>
<a name="scend">第二页</a>
<a href="#first">第一页</a><br>
<a href="#scend">第二页</a><br>
<a href="#third">第三页</a><br>
<tr>
<td><img src="img/5j.gif" width="222" height="173" /></td>
<td><img src="img/6j.gif" width="222" height="173" /></td>
<td><img src="img/7j.gif" width="222" height="173" /></td>
<td><img src="img/8j.gif" width="222" height="173" /></td>
</tr>
<tr>
<td><img src="img/9j.gif" width="222" height="173" /></td>
<td><img src="img/9j.gif" width="222" height="173" /></td>
<td><img src="img/8j.gif" width="222" height="173" /></td>
<td><img src="img/7j.gif" width="222" height="173" /></td>
</tr>
<a name="third">第三页</a>
<a href="#first">第一页</a><br>
<a href="#scend">第二页</a><br>
<a href="#third">第三页</a><br>
<tr>
<td><img src="img/9j.gif" width="222" height="173" /></td>
<td><img src="img/8j.gif" width="222" height="173" /></td>
<td><img src="img/7j.gif" width="222" height="173" /></td>
<td><img src="img/6j.gif" width="222" height="173" /></td>
</tr>
<tr>
<td><img src="img/14j.gif" width="222" height="173" /></td>
<td><img src="img/15j.gif" width="222" height="173" /></td>
<td><img src="img/4j.gif" width="222" height="173" /></td>
<td><img src="img/5j.gif" width="222" height="173" /></td>
</tr>
</pre></body>
8. 用HTML制作表格
仅供参考
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<th height="100" colspan="2" style="font-size:18px;text-align:center">总表头</th>
</tr>
<tr>
<td width="100" height="80">表头</td>
<td rowspan="3">内容</td>
</tr>
<tr>
<td height="80">表头</td>
</tr>
<tr>
<td height="80">表头</td>
</tr>
</table>
height是代表高度,width是代表宽度,可以随意修改内
也可以根据百容分比来写width
9. 用表格和表单制作如下网页。完整html代码
1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。
10. 求用html制作这个表格的代码
用table标签,tr表示行,td表示列,下面是一个2行2列表格的例子。
<table border="1">
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
<tr>
<td>内容3</td>
<td>内容4</td>
</tr>
</table>