當前位置:首頁 » 操作系統 » 表格源碼

表格源碼

發布時間: 2022-01-20 17:08:40

㈠ 誰會表格首頁源碼加後台

做這種還要什麼後台,直接使用DW軟體做網站,插入表格就是了,隨便添加修改的

㈡ 怎樣製做表格代碼

一、簡單表格製作
舉個例子來說,如果今天我們要做一個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

㈢ 高分求免費的,php+mysql的,在線表格管理源碼

開網店的話,下載個ECSHOP,不是簡單很多嗎。

㈣ 關於html表格代碼

<table border="1" bordercolor="#666666" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td width="50" height="20"><center><a target="_blank" href="http://www..com/"><img

src="http://ua.tdimg.com:8080/picture/4029/4029464.gif" border="0"/></a></font>
</td>
<td width="100" height="20"><center><a target="_blank" href="http://www..com/" style="color:white;" onmouseover="this.style.color='red'" onmouseout="this.style.color='white'">超連接</a></center></font>
</td>
</tr>
</table>

這么改就可以了 可是 還是不如用CSS呢

㈤ html表格代碼

<table><!--表格框架-->
<tbody><!--表格體-->
<tr><!--行,行中包含列-->
<td>列</td>
<td>列</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>

不知您是否想要這個?希望可以幫到您~

㈥ html做個表格代碼

html做個表格的步驟如下:

1、首先新建一個html,點擊<body></body>中間,先填入表格內容;

㈦ 求一段網頁表格的html代碼.- 簡單-.

你好,我按照你的要求寫的如下代碼,可以直接運行.



<center>
<table>
<caption style="text-decoration:underline;font-weight:bold;">請留下個人資料</caption>
<tr><td>姓名:</td><td><input type="text"></td></tr>
<tr><td>電話:</td><td><input type="text"></td></tr>
<tr><td>E-mail:</td><td><input type="text"></td></tr>
<tr><td>性別:</td><td><input type="radio" checked>男<input type="radio">女</td></tr>
<tr><td>年齡:</td><td><select><option>20以下</option></select></td></tr>
<tr><td>留言版:</td><td><textarea></textarea></td></tr>
<tr><td>您的愛好:</td><td><input type="checkbox">運動<input type="checkbox">閱讀<br><input type="checkbox">聽音樂<input type="checkbox">旅遊</td></tr>
</table>
<input type="submit" value="提交"><input type="reset" value="全部重寫">
</center>

㈧ thml表格代碼

僅供參考
<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

㈨ 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>

熱點內容
C語言tf 發布:2024-11-15 14:36:22 瀏覽:810
違反密碼法是什麼意思 發布:2024-11-15 14:36:20 瀏覽:920
androidmp3錄音 發布:2024-11-15 14:32:50 瀏覽:493
英朗自動擋哪個配置最好 發布:2024-11-15 14:27:44 瀏覽:253
編譯原理斷言有哪幾種 發布:2024-11-15 14:25:29 瀏覽:200
資料庫數據重復 發布:2024-11-15 14:23:17 瀏覽:781
安卓端開發用什麼IDE 發布:2024-11-15 14:13:51 瀏覽:554
阿里雲查看訪問ip 發布:2024-11-15 14:08:58 瀏覽:544
隨機字元串php 發布:2024-11-15 14:03:46 瀏覽:122
怎樣用資料庫搭建伺服器 發布:2024-11-15 13:58:39 瀏覽:478