導航:首頁 > 萬維百科 > 網頁設計設置單元格代碼

網頁設計設置單元格代碼

 發布時間：2021-03-08 16:49:57

1、網頁設計的作業 求這個表格的代碼

<!doctype html>
<html>
<head>
<meta charset="utf-8">


<title>無標題文檔</title>
<style type="text/css">
table{
border:1px solid #000;
}
td{
border:1px solid #000;
width:100px;
height:100px;
text-align:center;
}
</style>
</head>

<body>
<table>
  <tr>
    <td rowspan="2">A</td>
    <td colspan="2">b</td>
    
  </tr>
  <tr>
    
    <td>E</td>
    <td rowspan="2">C</td>
  </tr>
  <tr>
    <td colspan="2">D</td>
  </tr>
</table>
</body>
</html>

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、在html中怎麼設置表格的寬度

一般是用<table width="xx"> 用來表示整個表格的寬度，單位是像素。用<td width="xx">表示單個表格內的寬度，單位是像素。

4、網頁設計中選擇單元格的方法是什麼

網頁設計中選擇單元格的方法是就是通過標簽來實現，如tr，td也就是行和單元格的意思，在tr中，添加一個td標簽對，然後在td中間輸入你想要寫的內容就可以了，具體看下代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
    <table>
        <tr>
            <td>我是選擇的單元格</td>
        </tr>
    </table>
</body>

5、在網頁設計中,如何設置單元格有標題

用dreamweaver就可以設置了，選擇表格，然後選擇頂部有標題。

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

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

這個只要你記住相關的標記就可以了。
記事本寫入相關的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>中間即可。

8、求網頁設計表格代碼

你好，我按照你的要求寫的如下代碼，可以直接運行
<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>

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

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

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

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

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

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

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

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

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

希望對你有幫助！

與網頁設計設置單元格代碼相關的知識