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

網頁設計的表格

發布時間:2020-10-31 11:05:36

1、網頁設計中的表格!

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

2、網頁設計:表格布局頁面的問題

最好是在單元格中加入表格,因為這樣方便修改與增加,建議你最好不要在一個表格中出現三個table ,因為那樣會很影響網速的,

3、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標簽包起來,就可以特別為文字做不同的樣式設計。

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

運行效果:

5、網頁設計中表格與表格之間的間距,怎麼整?

你將這兩張表格放在一張大表格中試試。這張大表格設置為兩行一列,在第一行中插入一行五列的表格做你上面的導航,在第二行插入你下面做的表格,不知可行,試試看。

6、網頁設計語言中,製表格中的<tr> <td> 各是什麼含義?

<table>代表表格</table>
<tr>代表表格中的一行</tr>
<td>代表表格中的一列</td>

'tr'與'td'交成一個單元格
<table>...</table>之間有多少個<tr>,就有多少行
<tr>...</tr>之間有多少個<td>,就有多少列

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

方法一,修改代碼!

table代碼加上align="center"

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

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

方法二,設計界面修改!

看圖:

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

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

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

9、用html表格的形式做出滿屋花的網頁設計圖

具體要求是什麼。你學了多少內容?

如果只是圖上的頁面的樣子的話,我能做出來

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