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>