表格的制作
1行: 代碼: 內(nèi)容
內(nèi)容內(nèi)容
2行:代碼:
<TABLE borderColor=#8e1d77 cellSpacing=15 cellPadding=0 width="100%" bgColor=#f4b5e7 border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
4行:
內(nèi)容內(nèi)容內(nèi)容內(nèi)容
代碼:
<TABLE borderColor=#88225f cellSpacing=10 cellPadding=0 width="100%" bgColor=#ebaddf border=12>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
2列:
內(nèi)容內(nèi)容
代碼:
<TABLE borderColor=#b11b57 cellSpacing=10 cellPadding=0 width="100%" bgColor=#f5a3c4 border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
5列:
內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容
代碼:
<TABLE borderColor=#991147 cellSpacing=15 cellPadding=0 width="100%" bgColor=#f7b3ce border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
行列合并,2行2列
內(nèi)容內(nèi)容內(nèi)容內(nèi)容
代碼:
<TABLE borderColor=#7a1f56 cellSpacing=10 cellPadding=0 width="100%" bgColor=#fcbdad border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
8行3列:
內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容
代碼:將空格碼刪除掉,太多我就不一個個的刪除了,你做時一定要在代碼中刪除空格碼然后再添加內(nèi)容.
<TABLE borderColor=#f68080 cellSpacing=15 cellPadding=0 width="100%" bgColor=#fee4de border=10>
<TBODY>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>
====================================================
空格碼
cellspacing="2" 表格格線的厚度
border=1>邊框粗細(xì)
width="100%"邊框的寬度
borderColor=#cccccc 邊框顏色
bgColor=#ffffff 背景顏色
cellPadding=3邊距
-----------------------------------------------------------------------------------------------------------
格瓦茲插入內(nèi)容
代碼
<span style="font-size: 12px"><center><fieldset style="border:20px ridge ##3300CC; padding:2px; width:600; "><legend><b><font face="華文行楷" color="#3300CC" style="font-size: 25pt">格瓦茲</font></b></legend> <div align="center"><table border="0" width="600" cellspacing="0" cellpadding="0"><tr><td align="left"><div align="center"> 插入內(nèi)容</div></td></tr> </table></div></fieldset></center></span>
在論壇里發(fā)表的HTML代碼帖,就是用HTML代碼制作表格,靈活控制帖子的效果。在這里我將由淺入深,循序漸進(jìn)地向大家介紹如何用HTML代碼制作表格。
(注意:用HTML代碼制作表格,應(yīng)當(dāng)在你電腦里的記事本里編輯書寫。不要在論壇的發(fā)帖欄里編輯書寫。)
表格以<table>和</table>分別作起始標(biāo)識符,成對出現(xiàn),不用區(qū)分大小寫。即這樣寫也可以:<TABLE>----------</TABLE>。在<table>和</table>之下,還需要由兩個成對的標(biāo)識符號定義表格的行、列,它們分別是<tr>……</tr>,<td>……</td>,<tr>標(biāo)識符定義表中的行,<td>標(biāo)識符定義數(shù)據(jù)表元,即每行中的每一列。<td>……</td>要包含在<tr>……</tr>里面。
一個基本的表格代碼如下:
<table border=2 width=80% height="300">
<tr>
<td>
這里是表格里的內(nèi)容
</td></tr></table>
在<table>里有一些必要的常用屬性參數(shù)。這些屬性參數(shù)根據(jù)你的需要進(jìn)行選擇,必須放到<table>里面。
align="center"
表格的擺放位置(水平),可選值為: left(居左), right(居右), center(居中)。
border="2" 表格邊框的粗細(xì)。
bordercolor="#0000FF" 表格邊框的顏色。
bgColor=#33ffff 表格的背景顏色。
width="400"
表格寬度,接受絕對值(如width=80)及相對值(width=80%)。
height="300" 表格高度。
bordercolorlight="#00FF00"
表格邊框向光部分的顏色
bordercolordark="#00FFFF"
表格邊框背光部分的顏色,使用bordercolorlight 或bordercolordark 時 bordercolor 將會失效。
(注意:表格邊框向光部分的顏色和表格邊框背光部分的顏色在顏色選取上應(yīng)該選同一色系。只不過向光部分的顏色較淺或淡,而背光部分的顏色較深或濃。)
background="http//.........gif"
表格的背景圖片,與 bgcolor 不要同用。
cellspacing="2" 表格格線的厚度。
cellspacing="8" 邊框空白處的大小。即表格內(nèi)容與邊框的距離。
顏色的選擇,即可以使用顏色代碼"#00FF00"等,也可以使用"red","blue","yellow","black"等。
一張完整的表格全部語法如下:
<table border=2 width=80% height="300">
<tr>
<td>
教你用HTML代碼制作表格。
</td></tr></table>
效果如下:
教你用HTML代碼制作表格。
我們?yōu)榱俗尡砀裨陲@示屏上居中顯示,讓表格中的文字在表格中居中顯示。就要在<table>里加上居中的屬性參數(shù)align="center",在<td>里加上讓表格內(nèi)容居中的屬性參數(shù)align="center".
代碼如下:
<table align="center" border="2" width="80%" height="300">
<tr>
<td align="center"> 教你用HTML代碼制作表格。
</td></tr></table>
效果:
教你用HTML代碼制作表格。
是不是很簡單?為了讓表格更加生動,我們可以將前面列舉的表格屬性參數(shù)繼續(xù)向<table>里添加.
首先,讓邊框加粗一些.把border="2"改為border="10"。
二:進(jìn)行表格邊框的顏色設(shè)置。例如:把邊框的顏色設(shè)置為紅色。
bordercolor="#FF0000" 或者
bordercolor=red
把屬性添加到<table>里。
代碼如下:
<table align="center" border="10" width="80%" height="300" bordercolor="#FF0000">
<tr>
<td align="center"> 教你用HTML代碼制作表格。
</td></tr></table>
效果:
教你用HTML代碼制作表格。
我們現(xiàn)在看看只把邊框加寬.不設(shè)定邊框顏色屬性,效果是什么樣的?
代碼如下:
<table align="center" border="10" width="80%" height="300">
<tr>
<td align="center">
教你用HTML代碼制作表格。
</td></tr></table>
效果:
教你用HTML代碼制作表格。
我們現(xiàn)在來看看邊框向光部分的顏色和邊框背光部分的顏色設(shè)置。向光部分的邊框?qū)傩裕篵ordercolorlight。背光部分的邊框?qū)傩裕篵ordercolordark。
例如:
邊框向光部分的顏色設(shè)為 #E6421A(桔紅色)
bordercolorlight=#E6421A
邊框背光部分的顏色設(shè)為 #FF0000 (紅色)
bordercolordark=#FF0000
代碼如下:
<table align="center" border="10" width="80%" height="300" bordercolorlight=#E6421A bordercolordark=#FF0000>
<tr>
<td align="center">
教你用HTML代碼制作表格。
</td></tr></table>
效果:
教你用HTML代碼制作表格。
格瓦茲 http://zlj1970.360doc.com