導航:首頁 > 萬維百科 > 網頁設計如何做表格

網頁設計如何做表格

發布時間:2020-11-10 11:14:52

1、網頁設計中,表格列太多了如何顯示

重點顯示幾列,其它的列顯示成有橫向滾動條那樣的。

2、網頁設計中如何設置表格各項屬性

如果是用DW或者FP等網頁編輯器那就很簡單了~ 在它們的可視化編輯狀態下選擇需要修改的表格在修改屬性就可以了~ 但是如果在代碼下~那你需要去找一下有關HTML表格代碼的說明了~ 大體給你幾個~
border="2"邊框粗細
width="100"表格寬度
height="42"高度
cellspacing="4"間距
cellpadding="3"邊距
bordercolor="#FFFFFF"背景顏色
bordercolorlight="#FFFFFF"亮框顏色
bordercolordark="#000000"暗框顏色
background="logo.gif"背景圖片
align="left"浮動對齊方式(也就是整個表格的對齊方式)
暫時就給你這么多吧~其他的你可以去網上搜索一下~ 上面這些是比較常用到的!

希望對你有幫助!

3、網頁設計中有些表格怎麼製作啊???

這是選項卡效果,需要用javascript實現。

給你一個參考實例:http://www.blueidea.com/tech/web/2008/5460.asp

4、如何用Dreamweaver製作網頁表格

一、要想用Dreamweaver來製作網頁,首先要安裝Dreamweaver網頁製作的工具,這是必備的,可以去官網裡面去下載即可。

二、操作步驟:

【1】第一步是打開Dreamweaver工具。

【2】然後在Dreamweaver選項的中,選擇新建一個Html文件,這個是製作網頁的前提。

【3】進入Dreamweaver主界面後,我們可以看到自動生成的標題、頭、身體的相關的代碼的出現,這個是軟體自動生成的,可以直接使用的。

【4】在Dreamweaver代碼的主界面中,在代碼、拆分、設計這三個選項卡中,選擇拆分,因為這樣可以更好的看到代碼與相關設計的表格的調整的問題。

【5】然後選擇插入中的表格的選項,這個是用來選擇表格的選項的。

【6】選擇表格的選項框出現後,然後根據個人的需要,可以選擇表格的行與列,還可以選擇相關的標題、摘要,這里就選擇五行五列。

【7】當點擊確定後,就能夠看到左邊的代碼區域,右邊的相關表格的區域。

【8】表格製作好後,可以根據個人的需要對表格進行調整大小,可以通過滑鼠的拖動來調整表格的大小。

【9】還可以在代碼中調整網頁表格的大小,對表格的長與寬進行相關的調整,可以修改長與寬的值的大小。

【10】最後一定要記得保存哦,保存的文件是以html為後綴名的。

【11】文件保存好後,可以在Dreamweaver頁面中按F12來瀏覽你做好的網頁表格。

5、網頁製作的表格怎麼做

<table width="312" height="124" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td colspan="3"><div align="center">這是一個表格示例</div></td> </tr> <tr> <td><div align="center">姓名</div></td> <td><div align="center">姓別</div></td> <td><div align="center">年齡</div></td> </tr> <tr> <td><div align="center">張三</div></td> <td><div align="center">男</div></td> <td><div align="center">22</div></td> </tr> </table>

6、如何用thead和tbody網頁製作表格

還差一個:tfoot吧!thead(頭部)、tfoot(主題) 以及 tbody(底部)標簽實現一個表格。
<table border="1">
<thead>
<tr>
<th>科目專</th>
<th>分數</th>
</tr>
</thead>
<tbody>
<tr>
<td>語文屬</td>
<td>99</td>
</tr>
<tr>
<td>數學</td>
<td>60</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>總分</td>
<td>159</td>
</tr>
</tfoot>
</table>

7、如何在網頁中製作表格框架

table{
border:1px solid #000;/*黑色1像素粗邊框*/
}
td{
border:none;/*這個是單元格,不給他要邊框*/
}
以上是全局的,用了以後所有的表格都是這個樣式。
如果你要給特定的表格加入這個樣式:
1 給那個表格加上class='classname' (classname是你自己起的樣式名)
2 然後在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗邊框*/
}
.classname td{
border:none;/*這個是單元格,不給他要邊框*/
}

只有內邊框沒有外邊框的話,我就只會用賴皮的方法:給table外面套一個overflow:hidden的div,寬度和高度比table小2px,給table加上margin-left:-1px;margin-right:-1px;這樣把他的表格邊框遮住。。

8、如何在網頁製作中用好表格

對許多不熟悉HTML的朋友來說,還以為是使用了CSS、JavaScript等技術,其實不然。 看完下面的內容你就會明白了。
控製表格邊框的顯示
對使用Dreamweaver、FrontPage等所見即所得的網頁編輯軟體的朋友來說,很難控製表格的上下左右的邊框顯示與隱藏,其實你只要在HTML中的〈table〉〈/table〉標簽頁中添加一項 「frame」 屬性即可。
不顯示表格邊框(frame=void)
只顯示表格的上邊框(frame=above )
只顯示表格的下邊框(frame=below )
只顯示表格的上下邊框(frame=hsides)
只顯示表格的左右邊框(frame=vsides)
只顯示表格的左邊框(frame=lhs)
只顯示表格的右邊框(frame=rhs)
例如,〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhs cellpadding="0" cellspacing="0"〉〈/table〉控製表格行與列的分割線
在網頁設計中,如果版面沒設計好,那麼這個網頁可以說是失敗的。利用表格進行分欄,可以達到整齊排版的目的,美化你的網頁外觀。所謂分欄,就是讓你的網頁變成一個大表格,然後根據你的版面設計和內容安排,將這個表格分成不同的行和列,調整各個行和列的寬度和高度,以達到你排版的要求。當然了,你還可以在表格之中再嵌套表格,以達到更加復雜的排版需要。在設計過程中你可以靈活設置單元格邊距和單元格間距的數值。在HTML語言中表格的分割線是由「rules」 屬性來決定的。所以我們可以通過手工修改源代碼的方法來控制分割線的顯示與隱藏。
1、顯示所有分割線(rules=all)
如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉
2、不顯示任何分割線(rules=none)
3、只顯示行與行之間的分割線(rules=rows)
4、只顯示列與列之間分割線(rules=cols)
用表格邊框實現單線顯示
用線條來美化網頁是網頁設計者經常使用的手法之一。在網頁中除了用〈hr〉標記來實現插入水平線外,我們還可以用表格來實現。FrontPage 2000默認的表格線比較粗,但只要稍加處理,就可以製作出一個細線表格,細線表格非常娟秀小巧,很有個性。它的具體操作方法是:在表格屬性中將邊框粗細設為「1」,將單元格邊距和單元格間距設置為「0」,同時將亮邊框設置成與表格背景相同的顏色,暗邊框設成你想要的任一顏色即可,怎麼樣,細線表格出現了吧。

9、DW網頁設計中,我用表格做的網頁,怎麼才能居中 ,求教

方法一,修改代碼!

table代碼加上align="center"

例如:(PS:代碼不完整,但可以看到效果。)

<tabel align="center">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

方法二,設計界面修改!

看圖:

建議:表格做網頁並不是很好,建議樓主學習一下div+css布局,有html基礎很快就可以學會的。

與網頁設計如何做表格相關的知識