導航:首頁 > 萬維百科 > 網頁設計中表格的代碼

網頁設計中表格的代碼

 發布時間：2020-10-19 05:56:38

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

表格<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比較流行,呵呵

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

運行效果：

3、求網頁設計表格代碼

你好，我按照你的要求寫的如下代碼，可以直接運行
<center>
<table>
<caption style="text-decoration:underline;font-weight:bold;">請留下個人資料</caption>
<tr><td>姓名：</td><td><input type="text"></td></tr>
<tr><td>電話：</td><td><input type="text"></td></tr>
<tr><td>E-mail：</td><td><input type="text"></td></tr>
<tr><td>性別：</td><td><input type="radio" checked>男　<input type="radio">女</td></tr>
<tr><td>年齡：</td><td><select><option>20以下</option></select></td></tr>
<tr><td>留言版：</td><td><textarea></textarea></td></tr>
<tr><td>您的愛好：</td><td><input type="checkbox">運動　<input type="checkbox">閱讀<br><input type="checkbox">聽音樂　<input type="checkbox">旅遊</td></tr>
</table>
<input type="submit" value="提交">　<input type="reset" value="全部重寫">
</center>

4、html網頁製作里設置表格字體和大小的語句有嗎?是什麼?

HTML Table表格的文字大小與字型在傳統的HTML網頁設計規則中，可以透過HTML預設font文字標簽中的size與face分別設定文字大小與字型，這樣的寫法在HTML5以前是相當普遍的，而到了HTML5開始，修改表格文字大小與字型必須使用css來處理，因為HTML5不支援傳統HTML font的size與face屬性，在css的規則里，修改文字大小是用font-size，而修改字型則是使用font-famliy，以下範例分別使用HTML傳統的font標簽以及css的屬性來修改表格文字。

範例一、用HTML font文字標簽修改表格文字大小與字型

<table border="1" cellpadding="5"> 
<tr>
<td><font size="5">這是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">這是標楷體的文字字型</font></td> 
</tr> 
</table>

呈現結果

誠如第一段所說，若要符合最新的HTML5網頁設計標准，表格內的文字大小與字型就必須使用css來設計，範例二就提供這樣的設計方式，除了可以像範例一這樣每個欄位不同的文字樣式，還可以一次設定整個表格的文字樣式，用起來效率非常好。

範例二、用css的font-size與font-family來修改表格文字大小與字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5"> 
<tr>
<td>這是表格預設文字樣式</td>
<td>< span style="font-size:13px;">這是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">這是標楷體字型< /span></td> 
</tr> 
</table>

呈現結果

二在table標簽開頭就先加入了『style="font-size:18px;font-family:serif;"』這樣的語法，代表將整張表格內的所有文字大小都預設為18px，而且字型使用serif，這可是傳統HTML的font標簽沒辦法做到的高效率設計方式，接著我們在表格的三個欄位，分別使用預設文字樣式、修改大小為13px（font-size:13px;） 、字型改為標楷體（font-family:DFKai-sb;），可以清楚的看到，只要在表格中任何欄位或一段文字，用span標簽包起來，就可以特別為文字做不同的樣式設計。

5、網頁製作里表格中的文字上下滾動最簡單的代碼是什麼？

<MARQUEE onmouseover=this.stop() onmouseout=this.start()
scrollAmount=1 scrollDelay=1 direction=up height=140 width=150>
<span style="color:#D40F00"> 。。。。。。</span>
</MARQUEE>

點點的地方寫上文字。這個還可以調顏色和高度的。

6、網頁設計中表格問題

現在表格製作網頁屬於網頁製作初期的,頂峰互聯的回答非常正確,你要是想要他們分開,設置間距就可以了,點表格然後點屬性即可.
但是你這個表格有個大問題啊,首先別把整個網站用表格固定死了,我保證當你插入圖片插入其他東西後你會瘋掉,因為版面會被你自己拉伸掉,比如文字突然多了,或者圖片突然大了,你那表格就會不倫不類的,如果你是初學者,建議你用表格內套表格的方法,把整天變成局部來弄,不怕套的多,有時你表格里套表格套10幾層都純屬正常現象.總之別用邊框把頁面固定死了.

7、網頁設計中表格源代碼怎樣去掉

圖片顯示狀態下滑鼠選擇表格，切換到代碼，顯示深色部分刪掉

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