表格製作代碼
這個只要你記住相關的標記就可以了。
記事本寫入相關的html代碼即可,版插入權表格是在網頁的內容中插入即可。
<html>
<head> <title>網頁標題</title> </head>
<body> (網頁內容)</body>
<html>
標記屬性大多都是雙標記,即:有開頭就要有結尾,列如:<body>、</body> /body就表示內容結束。
插入表格的話,只要把表格的標記放到body裡面即可。
body就是網站的內容,也就是你打開網頁露眼看到的內容。
<table border="1">
<tr>
<td>內容</td>
<td>內容</td>
<td>內容</td>
</tr>
<tr>
<td>內容</td>
<td>內容</td>
<td>內容</td>
</tr>
</table>
<tr></tr>這個是行標記,<td></td>這個是列標記。只要你把<table border="1">到</table>,這段代碼放到前面的<body></body>中間即可。
內容就是表格你要添加的內容
希望能幫到你,有什麼問題可以繼續追問。如果有問題的話,可以留下郵箱,我發個完整的給你。
『貳』 尋求網頁上製作表格的詳細代碼
<html> <body> <center> <table> <tr> <td>第1行,第1列</td> <td>第1行,第2列</td> <td>第1行,第3列</td> <td>第1行,第4列</td> </tr><tr> <td>第2行,第1列</td> <td>第2行,第2列</td> <td>第2行,第3列</td> <td>第2行,第4列</td> </tr><tr> <td>第3行,第1列</td> <td>第3行,第2列</td> <td>第3行,第3列</td> <td>第3行,第4列</td> </tr> </table>
『叄』 用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
『肆』 怎樣製做表格代碼
一、簡單表格製作
舉個例子來說,如果今天我們要做一個3欄2列的表格,在WORD中,只要設定表格為3欄、2列就完成了,不過,在網頁中做一個3欄2列的表格,可是要分成好幾個步驟的,第一個步驟,利用<TABLE></TABLE>標簽告訴電腦我要做一個表格;第二個步驟,利用一組<TR></TR>標簽先做一個橫列,然後在橫列中利用三組<TD></TD>標簽再分出三欄;第三個步驟,重復第二個步驟,再做一橫列然後再分三欄,如此才能得到一個3欄2列的表格。聽不太懂嗎?沒關系,以下咱們就來慢慢的看個仔細:
A、首先我們來看一個最簡單的表格:
代碼:
<TABLE BORDER=1>
<TR><TD>1</TD></TR>
</TABLE>
結果:
1
利用<TABLE>這個標簽來告訴電腦,這是一個表格,至於 BORDER=1 這參數是設定此表格的框線粗細為 1。一組<TR></TR>是設定一橫列的開始。一組<TD></TD>則是設定一個欄位。當然,文字就是要擺在這裡面。
B 、現在我們再來增加二個格子:
代碼:
<TABLE BORDER=1>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
</TABLE>
結果:
123
C 、看見沒有,<TR></TR>沒有增加,<TD></TD>卻增加了二組。那如果我要再加上一列呢?很簡單,就像這樣:
代碼:
<TABLE BORDER=1>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
</TABLE>
結果:
123456
二、合並表格欄位
1、左右欄位合並:如何將 1、2、3 格通通合並變成一大格
代碼:
<TABLE BORDER=1>
<TR><TD COLSPAN=3>1</TD></TR>
<TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
</TABLE>
結果:
1456
您應該會發現,怎麼2、3都消失了?只剩下1,而且該欄的<TD>標簽還多了一個陌生的臉孔COLSPAN="3",沒錯,這就是「左右欄位合並」的屬性,COLSPAN="3"的意思就是「這個欄位左右橫跨了3個欄位」,也正因如此,本來的兩個<TD>都可以省掉了,因為都被並掉了嘛!
2、上下欄位合並:如何上下合並,將 1、4格通通合並變成一大格
代碼:
<TABLE BORDER=1>
<TR><TD ROWSPAN=2>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD>5</TD><TD>6</TD></TR>
</TABLE>
結果:
12356
有了上一次的經驗後,我們就知道,要合並欄位就一定有些欄位會被「犧牲」掉(也就是那些被合並的欄位啦!),這次我們要「上下合並」,我們將1與4合並成一個欄位,那麼被犧牲的是哪一個欄位呢?沒錯就是下面那一個倒楣的4,我們看看上圖,果然4已經刪掉了,而在1的<TD>標簽中則多了個生面孔ROWSPAN,這就是「上下欄位合並」的屬性,ROWSPAN=2的意思就是「這個欄位上下連跨了2個欄位」。
三、表格對齊設置
1、我可以自己設定表格的大小嗎?當然可以,您可以自由設定表格的「寬」及「高」喔!我們來製作一個寬100、高60的表格,做法如下:
代碼:
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD>1</TD></TR>
</TABLE>
結果:
1
2、哎呀!怎麼 1 老是在表格的左邊呢?可以弄到中間嗎?當然可以,只要在<TD>加入 ALIGN=CENTER 這參數即可:
代碼:
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD ALIGN=CENTER>1</TD></TR>
</TABLE>
結果:
1
此外,利用 ALIGN=RIGHT可以讓表格中物件置右、利用 ALIGN=LEFT可以讓表格中物件置左(預設值),至於為什麼要加在<TD>中呢?因為,<TD>是一個欄位的意思,我們要指定在這欄位中的東西要置中或置左置右,就必須將ALIGN加在<TD>中。
3、既然可以置中,那麼也可以控製表格內文字靠上方、靠下方嗎?可以的,只要利用 VALIGN=TOP 這種屬性即可讓表格內物件靠上方對齊。
代碼:
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD ALIGN=CENTER VALIGN=TOP>1</TD></TR>
</TABLE>
結果:
1
利用VALIGN=MIDDLE可以讓表格中物件垂直置中(預設值),VALIGN=BOTTOM可以H讓表格中物件靠下方。
四、表格背景設置
1、那麼表格可以設定底色嗎?可以的不但表格可以,您也可以指定某欄或某列的顏色,方法和加背景顏色一樣,利用BGCOLOR="顏色碼"就行了。底下是指定整格表格背景顏色的方法:
代碼:
<TABLE BORDER="1" BGCOLOR=#FFCC33>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
結果:
1234
將BGCOLOR="顏色碼"加在<TR>中,可以指定「一列」的背景顏色:
代碼:
<TABLE BORDER="1" >
<TR BGCOLOR=#FFCC33><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
結果:
1234
將BGCOLOR="顏色碼"加在<TD>中,可以指定「一欄」的背景顏色:
代碼:
<TABLE BORDER="1" >
<TR><TD BGCOLOR=#FFCC33>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
結果:
1234
2、表格除了可以設定底色外,也可以用圖片來作背景嗎?當然可以,方法一樣簡單,只要將BACKGROUND="圖片名稱"加到表格中就行了。和表格背景顏色一樣,不但表格可以設定背景圖片,您也可以指定某欄或某列的背景圖片:
代碼:
<TABLE BORDER="1" BGCOLOR=#FFCC33>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
結果:
1234
將BACKGROUND="圖片名稱"加在<TD>中,可以指定「一欄」的背景顏色:
代碼:
<TABLE BORDER="1">
<TR><TD BGCOLOR=#FFCC33>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
結果:
1234
五、 表格框線設置
1、如何設定表格粗細?只要利用BORDER="粗細值"就行了。
代碼:
<TABLE BORDER=5>
<TR><TD>1</TD></TR>
</TABLE>
結果:
1
2、如何設定表格顏色?只要利用BORDERCOLOR="顏色碼"就行了
代碼:
<TABLE BORDER="5" BORDERCOLOR="#0080FF">
<TR><TD>1</TD></TR>
</TABLE>
結果:
1
3、另外,我們也可以設定表格的陰影、亮面顏色,讓表格看起來更有立體感喔!只要利用 BORDERCOLORLIGHT="#顏色碼"(亮面設定) BORDERCOLORDARK="顏色碼"(暗面設定)就行了。
代碼:
<TABLE BORDER="5" BORDERCOLOR="#0080FF" BORDERCOLORLIGHT="#62B0FF" BORDERCOLORDARK="#004B97">
<TR><TD>1</TD></TR>
</TABLE>
結果:
1
六、表格欄距設置
1、我們可以利用CELLPADDING屬性自由設定表格內文距離格線的距離,這個屬性很好用,保持適當的距離,看起來比較舒服。一般而言內定值為2,不過我建議設定為4比較漂亮。
代碼:
<TABLE BORDER="1" CELLPADDING="10">
<TR><TD>1</TD><TD>2</TD></TR>
</TABLE>
結果:
12
2、我們可以利用CELLSPACING屬性設定表格欄位格線之間的距離。一般而言內定值為2,不過我通常習慣設為 0 。
代碼:
<TABLE BORDER="1" CELLSPACING="5">
<TR><TD>1</TD><TD>2</TD></TR>
</TABLE>
結果:
12
『伍』 求用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>
『陸』 thml如何製作表格代碼
首先打開軟體,新建一個HTML5文檔。為文檔命名為:table。當然新建文檔的方法有很多,內使用容的軟體不同,方式不同。
在<body></body>之間輸入以下代碼:
<table> <thead> <tr> <th>標題1</th> <th>標題2</th> <th>標題3</th> </tr> </thead> <tbody> <tr> <td>單元格1</td> <td>單元格2</td> <td>單元格3</td> </tr>
... ... </tbody></table></body>
我們可以看到表格已經完成大半,除了線框尚未加上以外。這時,我們只用在標簽<table>里加一個屬性<border="1">
這時候我們再在瀏覽器中查看,會發現表格的邊框就已經加上了。
萬變不離其宗,在最基本的代碼基礎上再加其他代碼便可製作出絢麗的表格了。
『柒』 跪求高手製作一個網頁上表格的代碼
我這樣做看滿足您要求的表格不,行數可以自己添加,至於您說的彈出新網頁能否在具體些?代碼如下:<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="
http://www.w3.org/1999/xhtml">
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/><title>表格</title><meta
http-equiv="content-type"
content="text/html;charset=gb2312"
/><style
type="text/css"><!--tr,th,td
{
border:1px
solid
#000000;}--></style></head>
<body><table
width="100%"
height="15cm"
style="border-collapse:collapse;
border:#000000
solid
1px;"><tr><th>區域</th><th>名稱</th><th>聯系人</th><th>形狀</th><th>大小</th><th>價格</th><th>時間</th><th>詳情</th></tr><tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></table></body></html>
『捌』 用表格和表單製作如下網頁。完整html代碼
1、使用標簽<table></table>定義網頁的表格,使用style賦值類型將顯示在網頁。
『玖』 c語言中如何製作表格
C語言的數據結構就5種,void int float double char 要做表格可以用結構體,或者用二維數組。
『拾』 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>