網頁設計表格_網頁設計怎樣設計一個這樣的表格

1、求以下網頁設計表格html代碼

代碼（大小有需要可以調）：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>練習使用HTML</title>
    </head>

    <body>
        <center>
            <table border="1px" cellpadding="0px" cellspacing="0px">
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
            </table>
        </center>
    </body>

</html>

運行效果：

2、Web製作網頁製作 html 表格

個人建議：瀏覽器F12查找，一般程序員寧可重寫，也不願查找錯誤

3、在網頁設計中,表格有什麼重要作用

1．當需要提交所有數據時，可以提交整個100個表，如果不使用表，可以逐個提交。

2．表格設計簡潔美觀，方形，與網頁的設計非常一致。

3．網站其實是一個大版本的表格，數據和權重之間的資料庫也與表格有聯系，所以密不可分。

製作方法如下：

1．打開WPS表單並創建一個新的工作簿；

2．然後從多個表中選擇要創建的表的行數和復制列數；

3．然後在工具欄頂部的insert函數下，查找表；

4．雙擊表格後會彈出一個對話框，然後選擇確定；

5．最後，表格將在您選擇的區域自動生成，一個簡單的表格已經准備好了。

4、網頁設計中的表格！

<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> 
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >這一段表格至頂</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>

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

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

希望對你有幫助！

6、用表格和表單製作如下網頁。完整html代碼

1、使用標簽<table></table>定義網頁的表格,使用style賦值類型將顯示在網頁。

2、使用<tr>標簽定義行,使用<th>定義表頭,表頭的文字自動加粗。

3、<tr>和<td>標簽配合,定義每行中的表格數量,現在定義3行5列的表格。

4、使用<caption></caption>定義表格的標題。

5、表格分為三個部分,表頭部，表主體，表尾部。

6、表頭部和主體分別放標題和表格的內容,而表的尾部通常放的是頁數。

7、網頁設計，怎樣設計一個這樣的表格？

網頁中表格的屬性
align：表格的對齊方式，值有left（左對齊，默認）、center（居中）以及right（右對齊）
。align定義的是表格自身的位置，這是一個很有用的屬性，強烈建議使用它來規定表格的對齊方式，盡量不要使用<p align=?>表格</p>、<div align=?>表格</div>和<center>表格</center>之類的標簽來規定表格的位置，因為這么做將導致論壇添加許多廢碼！此外，當表格的寬度設置為100%，或者，表格的寬度設置成了占滿它所在的容器的寬度，沒有必要定義align屬性。置為100%，或者，表格的寬度設置成了占滿它所在的容器的寬度，沒有必要定義align屬性。

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

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;這樣把他的表格邊框遮住。。

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

對許多不熟悉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」，同時將亮邊框設置成與表格背景相同的顏色，暗邊框設成你想要的任一顏色即可，怎麼樣，細線表格出現了吧。

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

網頁設計表格

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