導航:首頁 > 萬維百科 > 網頁設計怎麼製作表格

網頁設計怎麼製作表格

發布時間:2021-01-30 04:53:04

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

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

2、用記事本製作網頁設計 如何加入表格 求代碼

這個只要你記住相關的標記就可以了。
記事本寫入相關的HTML代碼即可,插入表格是在網頁的內容中插入即可。
<html>
<head> <title>網頁標題</title> </head>

<body> (網頁內容)</body>

<html>

標記屬性大多都是雙標記,即:有開頭就要有結尾,列如:<body>、</body> /body就表示內容結束。

插入表格的話,只要把表格的標記放到body裡面即可。
body就是網站的內容,也就是你打開網頁露眼看到的內容。
<table border="1">
<tr>
<td>內容</td>
<td>內容</td>
<td>內容</td>
</tr>
<tr>
<td>內容</td>
<td>內容</td>
<td>內容</td>
</tr>
</table>
<tr></tr>這個是行標記,<td></td>這個是列標記。只要你把<table border="1">到</table>,這段代碼放到前面的<body></body>中間即可。
內容就是表格你要添加的內容

希望能幫到你,有什麼問題可以繼續追問。如果有問題的話,可以留下郵箱,我發個完整的給你。

3、怎樣用word製作表格網頁

先按自己想要的效果布局,另存為html格式

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

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

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

5、網頁設計中怎麼建立一個1x1的表格

代碼如下:

<html>
<head>
    <title>1x1的表格</title>
    <style type="text/css">
        .tb
        {
         border-width:1px;
         border-collapse:collapse;
         border-color:red;
         border-style:solid;
        }
        td
        {
         border-width:1px;
         border-collapse:collapse;
         border-color:red;
         border-style:solid;
        }
    </style>
</head>
<body>
    <div>
    <table width=3 height=3 border="2" cellpadding="0" cellspacing="0" class="tb">
     <tr>
       <td> </td>
     </tr>
    </table>
    </div>
</body>
</html>

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、網頁設計中的表格!

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

8、如何用網頁製作出好看的表格

CSS製作好看的網頁表格

如果數據表格對於視力沒有問題用戶都難以閱讀的話,那麼想像一個那些用輔助技術(掌上設備)的人來說,它們是多麼復雜和混亂.幸運的是html規范提供了許多無素和屬性來提高數據表格對於這些設備的可訪問性.

1.summary 和 caption

第一元素是表格的caption,它基本上用做表格的標題.盡管這不是必須有的元素,但是盡可以使用caption總是好的.另一個元素是summary.summary屬性可以應用於表格標簽,用來描述表格的內容.與image的alt文本屬性相似.

2.thead, tbody, tfoot

thead, tbody, tfoot使網頁設計人員能夠將表格劃分為羅輯部分.例如,可以將所有列標題放在thead元素中,這樣就能夠對這個特殊區域單獨應用樣式.如果選擇使用thead或tfoot元素,那麼必須至少使用一個tbody元素.在一個表格中只能使用一個thead和tfoot元素,但是可以使用多個tbody元素將復雜的表格劃分為更容易管理的部分.

3.col 和 colgroup

行與列標題應該使用th標記而不是td,但是如果某些內容既是標題又是數據,那麼它仍然使用td.表格標題可以設置為row或col的scope屬性,定義它們是行標題還是列標題.

雖然tr元素使開發人員能夠整行應用樣式,但是很難整列應用樣式.為了解決這個問題。

9、如何在網頁中製作虛線表格

製作虛線表格的的方法:
方法一:作一個1X2的圖。
半黑半白,再利專用表格作成線。這種方法固然屬麻煩,但在任何瀏覽器中均可瀏覽,兼容性最好。
方法二:在CSS裡面設定。
假如你用DreamWeaver話,只要在CSS面板里new一個style,選擇「redefine
HTML
Tag」,再在下拉菜單里先「table」,在彈出的面板里,category里選擇border,在border里,將top,left,right,bottom都設成1px,顏色設成你想要的邊框的顏色。然後在style下拉框里選擇dashed。一切ok。只是所有的表格都會用虛線做邊框了。留意,這個效果在瀏覽器里才能看見。
方法三:直接在html里設置(假如你只想讓某一個表格邊框是虛線的話)。
在表格的html里加上這個:
style="BORDER-LEFT:
#000000
1PX
DASHED;
BORDER-RIGHT:
#000000
1PX
DASHED;
BORDER-TOP:
#000000
1PX
DASHED;
BORDER-BOTTOM:
#000000
1PX
DASHED"
顏色是十六位代碼,你可以自己設。

與網頁設計怎麼製作表格相關的知識