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

網頁設計表格的步驟

發布時間:2020-09-23 01:00:43

1、網頁設計,怎樣設計一個這樣的表格?

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

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

<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>

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

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

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

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

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

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

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

4、網頁設計中選定表格的操作有幾種方法

表格<table><tr><td>這里是內容</td></tr></table>
層<div>這里是內容</div>
明眼人一看層的結構很清晰,特別是table多的時候代碼會很亂各種tr,td 交叉,
還有就是table里嵌套table
==========================================
<table><tr><td><table><tr><td>這里是內容</td></tr></table></td></tr></table>
===========================================
上面這段代碼夠嗆吧.
div的興起是伴隨著web2.0的概念,以前都是table
你常見的網頁特效比如遮罩,彈出圖片,等都是div做的,因為div是可以有z-index的,值越大越靠上,蓋住下面的內容.
google maps,還有百度maps都是div做的,用table空拍困難.代碼太不好維護了,但是div+css兼容性不好,在firefox下顯示正常在IE下空拍就變形了.
table兼容性極其好.
就這些了,我的個人經驗.
現在div比較流行,呵呵

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

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

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

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

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

7、求以下網頁設計表格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>

運行效果:

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

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

9、網頁設計表格背景顏色

可以用background

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

定義和用法

background 簡寫屬性在一個聲明中設置所有的背景屬性。

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