☆製作表格及鏈接的代碼 - 燕兒的日誌 - 網易博客

學海網易博客製作表格及鏈接的代碼效果圖及表格鏈接代碼文字文字 連鏈表格代碼1 <TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width_=200 borderColorLight=#ffffff border=1><TBODY><TR align=middle><TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee><A href="http://blog.163.com/鏈接地址">文字</A></FONT></TD><TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee><A href="http://blog.163.com/鏈接地址">文字 </A></TD></TR></TD></TR></TBODY></TABLE>說 明∶所有表格的寬〖藍色部分〗和顏色〖黃色部分〗均可按需要調整和嘗試調換。表格內容表格內容連鏈表格代碼2<TABLE cellSpacing=1 cellPadding=0 width_="50%" bgColor=#ff0000 border=0><TBODY><TR bgColor=#00ff00 height=20><TD><DIV align=center><A href="http://blog.163.com/相關地址" target=_blank><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 10pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋體 color=#0000ff>表格內容</DIV></FONT></A></TD><TD><DIV align=center><A href="http://blog.163.com/相關地址" target=_blank><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 10pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋體 color=#0000ff>表格內容</DIV></FONT></A></TD></TD></TR></TBODY></TABLE>文字文字文字連鏈表格代碼3<TABLE cellSpacing=1 cellPadding=0 width_=450 align=center bgColor=#00ff00><TBODY><TR bgColor=#000000 height=30><TD width_="33.3%"><A href="http://blog.163.com/網址" target=_blank>文字</A></TD><TD width_="33.3%"><A href="http://blog.163.com/網址" target=_blank>文字</A></TD><TD width_="33.3%"><A href="http://blog.163.com/網址" target=_blank>文字</A></TD></TD></TR></TBODY></TABLE>文字文字文字文字連鏈表格代碼4<TABLE cellSpacing=1 cellPadding=0 width_=450 align=center bgColor=#00ff00><TBODY><TR bgColor=#00d height=30><TD width_="25%"><A href="http://blog.163.com/網址" target=_blank>文字</A></TD><TD width_="25%"><A href="http://blog.163.com/網址" target=_blank>文字</A></TD><TD width_="25%"><A href="http://blog.163.com/網址" target=_blank>文字</A></TD><TD width_="25%"><A href="http://blog.163.com/網址" target=_blank>文字</A></TD></TD></TR></TBODY></TABLE>內虛外實邊框內虛外實表格代碼1<TABLE borderColor=#0000ff height=40 cellSpacing=8 cellPadding=2 width_=250 align=center bgColor=#ff0000 border=2><TBODY><TR><TD style="BORDER-RIGHT: #ffff00 2px dashed; BORDER-TOP: #ffff00 2px dashed; BACKGROUND: 10% 10%; BORDER-LEFT: #ffff00 2px dashed; BORDER-BOTTOM: #ffff00 2px dashed"><DIV align=center>內虛外實邊框</DIV></TD></TR></TBODY></TABLE>說 明∶可分別改變右RIGHT、上TOP、左LEFT、下BOTTOM各邊顏色。內虛外實邊框內虛外實邊框內虛外實表格代碼2<TABLE borderColor=#0000ff height=40 cellSpacing=8 cellPadding=2 width_=250 align=center bgColor=#ff0000 border=2><TBODY><TR><TD style="BORDER-RIGHT: #ffff00 2px dashed; BORDER-TOP: #ffff00 2px dashed; BACKGROUND: 10% 10%; BORDER-LEFT: #ffff00 2px dashed; BORDER-BOTTOM: #ffff00 2px dashed"><DIV align=center>內虛外實邊框</DIV></TD><TD style="BORDER-RIGHT: #ffff00 2px dashed; BORDER-TOP: #ffff00 2px dashed; BACKGROUND: 10% 10%; BORDER-LEFT: #ffff00 2px dashed; BORDER-BOTTOM: #ffff00 2px dashed"><DIV align=center>內虛外實邊框</DIV></TD></TR></TBODY></TABLE>說 明∶可分別改變右RIGHT、上TOP、左LEFT、下BOTTOM各邊顏色。外虛內實邊框 外虛內實邊框外虛內實邊框 外虛內實邊框外虛內實表格3<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#4a4a84 height=40 cellSpacing=8 cellPadding=2 width_=250 align=center bgColor=#ff0000 border=2><TBODY><TR><TD style="BORDER-RIGHT: #4a4a84 2px solid; BORDER-TOP: #4a4a84 2px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #4a4a84 2px solid; BORDER-BOTTOM: #4a4a84 2px solid">外虛內實邊框</TD><TD style="BORDER-RIGHT: #4a4a84 2px solid; BORDER-TOP: #4a4a84 2px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #4a4a84 2px solid; BORDER-BOTTOM: #4a4a84 2px solid">外虛內實邊框</TD><TR><TD style="BORDER-RIGHT: #4a4a84 2px solid; BORDER-TOP: #4a4a84 2px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #4a4a84 2px solid; BORDER-BOTTOM: #4a4a84 2px solid">外虛內實邊框</TD><TD style="BORDER-RIGHT: #4a4a84 2px solid; BORDER-TOP: #4a4a84 2px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #4a4a84 2px solid; BORDER-BOTTOM: #4a4a84 2px solid">外虛內實邊框</TD></TR></TBODY></TABLE>說 明∶可分別改變右RIGHT、上TOP、左LEFT、下BOTTOM各邊顏色。一行多列一行多列一行多列一行多列表格代碼4<TABLE style="BORDER-COLLAPSE: collapse" borderColor=red cellSpacing=0 width_=300 align=center bgColor=#800000 border=2><TBODY><TR><TD width_=100><DIV align=center>一行多列</DIV></TD><TD width_=100><DIV align=center>一行多列</DIV></TD><TD width_=100><DIV align=center>一行多列</DIV></TD></TR></TBODY></TABLE>一 列 多 行一 列 多 行一 列 多 行一列多行表格代碼5<TABLE style="BORDER-COLLAPSE: collapse" borderColor=red cellSpacing=0 width_=300 align=center bgColor=#800000 border=1><TBODY><TR><TD><DIV align=center>一列多行</DIV></TD><TR><TD><DIV align=center>一列多行</DIV></TD><TR><TD><DIV align=center>一列多行</DIV></TD></TR></TR></TR></TBODY></TABLE>多行多列多行多列多行多列多行多列多行多列多行多列多行多列多行多列多行多列多行多列表格代碼6<TABLE style="BORDER-COLLAPSE: collapse" borderColor=red cellSpacing=0 width_=300 align=center bgColor=#8B0000 border=1><TBODY><TR><TD width_=100><DIV align=center>多行多列</DIV></TD><TD width_=100><DIV align=center>多行多列</DIV></TD><TD width_=100><DIV align=center>多行多列</DIV></TD><TR><TD><DIV align=center>多行多列</DIV></TD><TD><DIV align=center>多行多列</DIV></TD><TD><DIV align=center>多行多列</DIV></TD><TR><TD><DIV align=center>多行多列</DIV></TD><TD><DIV align=center>多行多列</DIV></TD><TD><DIV align=center>多行多列</DIV></TD></TR></TBODY></TABLE>合併列的表格合併列的表格合併列的表格合併列的表格合併列的表格合併列的表格合併列的表格合併列的表格代碼7<TABLE style="BORDER-COLLAPSE: collapse" borderColor=red cellSpacing=0 width_=300 align=center bgColor=#000000 border=1><TBODY><TR><TD colSpan=3><DIV align=center>合併列的表格</DIV></TD><TR><TD width_=100><DIV align=center>合併列的表格</DIV></TD><TD width_=100><DIV align=center>合併列的表格</DIV></TD><TD width_=100><DIV align=center>合併列的表格</DIV></TD><TR><TD><DIV align=center>合併列的表格</DIV></TD><TD><DIV align=center>合併列的表格</DIV></TD><TD><DIV align=center>合併列的表格</DIV></TD></TR></TBODY></TABLE>說 明∶這裡增加了合併列代碼colSpan=3。合併行的表格合併行的表格合併行的表格合併行的表格合併行的表格合併行的表格合併行的表格合併行的表格代碼8<TABLE style="BORDER-COLLAPSE: collapse" borderColor=red cellSpacing=0 width_=300 align=center bgColor=#8b0000 border=1><TBODY><TR><TD width_=100 rowSpan=3><DIV align=center>合併行的表格</DIV></TD><TD width_=100><DIV align=center>合併行的表格</DIV></TD><TD width_=100><DIV align=center>合併行的表格</DIV></TD><TR><TD><DIV align=center>合併行的表格</DIV></TD><TD><DIV align=center>合併行的表格</DIV></TD><TR><TD><DIV align=center>合併行的表格</DIV></TD><TD><DIV align=center>合併行的表格</DIV></TD></TR></TBODY></TABLE>說 明∶這裡增加了合併行代碼rowSpan=3。複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格複雜表格代碼9<TABLE style="BORDER-COLLAPSE: collapse" borderColor=red cellSpacing=0 width_=300 align=center bgColor=#000000 border=1><TBODY><TR><TD width_=60><DIV align=center>複雜表格</DIV></TD><TD width_=180 colSpan=3><DIV align=center>複雜表格</DIV></TD><TD width_=60><DIV align=center>複雜表格</DIV></TD><TR><TD rowSpan=4><DIV align=center>複雜表格</DIV></TD><TD rowSpan=3><DIV align=center>複雜表格</DIV></TD><TD><DIV align=center>複雜表格</DIV></TD><TD><DIV align=center>複雜表格</DIV></TD><TD><DIV align=center>複雜表格</DIV></TD><TR><TD><DIV align=center>複雜表格</DIV></TD><TD><DIV align=center>複雜表格</DIV></TD><TD><DIV align=center>複雜表格</DIV></TD><TR><TD><DIV align=center>複雜表格</DIV></TD><TD><DIV align=center>複雜表格</DIV></TD><TD><DIV align=center>複雜表格</DIV></TD><TR><TD><DIV align=center>複雜表格</DIV></TD><TD colSpan=3><DIV align=center>複雜表格</DIV></TD></TR></TBODY></TABLE>說 明∶這裡增加了合併列代碼colSpan=3和合併行代碼rowSpan=3。標 題文本內容——標題位於表體內的表格標題位於表體內的表格代碼10<TABLE width_=280 align=center border=0><TBODY><TR><TD bgColor=red><DIV align=center><FONT color=#000000><B>標題</B></FONT></DIV></TD></TR><TR><TD bgColor=#cccccc><DIV style="HEIGHT: 60px" align=center>文本內容——標題位於表體內的表格</DIV></TD></TR></TBODY></TABLE>金鑰匙 的〖製作表格連接的代碼〗

學海網易博客
推薦閱讀：