網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言(markup language),通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō),網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。 表格全攻略1.表格的分隔線可以隱藏 <table border rules=cols cellspacing=0 align=left> 可以隱藏橫向的分隔線
<table border rules=rows cellspacing=0 align=right>可以隱藏縱向的分隔線
<table border rules=none cellspacing=0 align=center>可以隱藏橫向和縱向的分隔線
2.表格的邊框不斷在閃
以下方法可以令表格的邊框不斷在閃,很實(shí)用的 在BODY區(qū)加上
<table border="0" width="280" id="myexample" style="border:5px solid yellow">
<tr>
<td>加入任意的物件.加入任意的物件.
<br>加入任意的物件.加入任意的物件.
<br>加入任意的物件.加入任意的物件.</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--
function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="yellow")
myexample.style.borderColor="lime"
else
myexample.style.borderColor="yellow"
}
setInterval("flashit()", 500)
//-->
</script>
3.表格分行下載
這個(gè)對(duì)表哥內(nèi)容很大比較實(shí)用
在需要分行下載處加上 <tbody >
比如: <table > <tbody > <tr > <td >flsdjfsdjfkdsjf</td > </tr > <tr > <td >skdjfsdjfksd</td > </tr > </tbody >
<tbody > <tr > <td >flsdjfsdjfkdsjf</td > </tr > <tr > <td>skdjfsdjfksd</td > </tr > </tbody > </table >
4.幾種樣式不同的表格
<table border="1" width="220" style="position: absolute; left: 11; top: 11" height="26" >
<tr>
<td width="100%">普通表格</td>
</tr>
</table>
5.正立方表格
<table border="1" width="220" bordercolorlight="#eeeeee" bordercolordark="#000000" style="position: absolute; left: 10; top: 49" height="26">
<tr>
<td width="100%">正立方表格</td>
</tr>
</table>
6.細(xì)表格
<table border="0" frame=vsides width="219" bgcolor="#000000" cellspacing="1" cellpadding="0" height="22" style="position: absolute; left: 11; top: 86">
<tr bgcolor="#FFFFFF">
<td width="100%" height="2">細(xì)表格</td>
</tr>
</table>
7.立體表格
<table border="1" width="220" bordercolorlight="#ffffff" bordercolordark="#ffffff" style="position: absolute; left: 10; top: 112" height="34">
<tr>
<td width="100%" bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立體表格</td>
</tr>
</table>
8.無(wú)名表格
<table width="220" align="center" style="position: absolute; left: 246; top: 12" height="51">
<tr>
<td><fieldset style="width:220" align="center"> <legend> 無(wú)名表格 </legend> <p align="right"></fieldset> <br>
</td>
</tr>
</table>
9.表中表效果Ⅱ
<table width="220" align="center" style="position: absolute; left: 245; top: 89" height="110"> <tr> <td height="75"><fieldset style="width:220" align="center"> <legend> 表中表效果Ⅱ </legend> <table frame="hsides" border="1" bordercolorlight="#000000" bordercolordark="#ffffff" width="100%" cellspacing="1" cellpadding="0" height="78"> <tr bgcolor="#ffffff"> <td width="100%" height="76"></fieldset></td> </tr> </table>
10.表中表效果Ⅰ
<table width="220" align="center" style="position: absolute; left: 10; top: 120" height="138" cellspacing="1" cellpadding="0">
<tr>
<td height="126"><fieldset style="width: 220; color: #B7B7B7; border-style: groove" align="center"> <legend style="color: #FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font> </legend> <p align="right"></fieldset>
</td>
</tr>
</table>
11.表格中邊框的顯示
只顯示上邊框 <table frame=above> 只顯示下邊框 <table frame=below> 只顯示左、右邊框 <table frame=vsides> 只顯示上、下邊框 <table frame=hsides> 只顯示左邊框 <table frame=lhs> 只顯示右邊框 <table frame=rhs> 不顯示任何邊框 <table frame=void>大多數(shù)人在上網(wǎng)的時(shí)候,都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。
|
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!