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

網頁設計代碼復雜表格

發布時間:2020-09-22 13:03:35

1、用html製作這樣的表格的代碼是?

<table border="1" width="500px">
<tr>
<td colspan="5" align="center">個人簡歷表</td>
</tr>
<tr>
<td width="80px">姓名</td>
<td width="120px"> </td>
<td width="80px">性別</td>
<td width="120px">
<input type="radio" value="男" />男
<input type="radio" value="女" />女
</td>
<td rowspan="4" width="100px"> </td>
</tr>
<tr>
<td>出身年月</td>
<td> </td>
<td>政治面貌</td>
<td> </td>
</tr>
<tr>
<td>學歷</td>
<td> </td>
<td>專業</td>
<td> </td>
</tr>
<tr>
<td>語言等級</td>
<td> </td>
<td>第二語言</td>
<td><input type="checkbox" value="英" />英
<input type="checkbox" value="日" />日
<input type="checkbox" value="法" />法</td>
</tr>
<tr>
<td>聯系電話</td>
<td> </td>
<td>電子信箱</td>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="5">特長或證書</td>
</tr>
<tr>
<td colspan="5">聯系地址</td>
</tr>
<tr>
<td>其他</td>
<td>qq</td>
<td> </td>
<td>msn</td>
<td> </td>
</tr>
<tr>
<td>個人主頁:</td>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4">教育背景</td>
</tr>
<tr>
<td colspan="2">
<select>
<option>..</option>
</select>

<select>
<option>..</option>
</select>

<select>
<option>..</option>
</select>

</td>
<td colspan="3">
最終學歷
</td>
</tr>
</table>

存入<body>裡面就行了

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

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

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

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

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

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

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

3、求一段網頁表格的html代碼.- 簡單-.

你好,我按照你的要求寫的如下代碼,可以直接運行.



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

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

5、怎麼用html語言設計復雜課程表啊?

<html >
<head>
<title>課程表</title>
</head>

<body>
<table width="758" height="247" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6" align="center"><a href="#">課程表<img src="#" height="30" width="30" border="0"><img src="#" height="30" width="30" border="0"></a></td>
</tr>
<tr>
<td align="center">星期/節次</td>
<td align="center">1-2節</td>
<td align="center">3-4節</td>
<td align="center">5-6節</td>
<td align="center">7-8節</td>

</tr>
<tr>
<td align="center">星期一</td>
<td align="center">國際結算</td>
<td align="center">國際營銷</td>
<td colspan="2" align="center">自習</td>

</tr>
<tr>
<td align="center">星期二</td>
<td align="center">網頁設計</td>
<td align="center">國際貿易實務</td>
<td align="center">統計學</td>
<td align="center"> </td>

</tr>
<tr>
<td align="center">星期三</td>
<td align="center">外貿函電</td>
<td align="center">國際商法</td>
<td align="center">網頁設計</td>
<td align="center"> </td>

</tr>
<tr>
<td align="center">星期四</td>
<td align="center">國際貿易實務</td>
<td align="center">統計學</td>
<td align="center">國際商法</td>
<td align="center"> </td>

</tr>
<tr>
<td align="center">星期五</td>
<td align="center">國際結算</td>
<td align="center">外貿函電</td>
<td colspan="2" align="center">自習</td>

</tr>
</table>
</body>
</html>
-----------------------------------------------------------------------------
差不多就是這樣的吧?

6、html做個表格代碼

html做個表格的步驟如下:

1、首先新建一個html,點擊<body></body>中間,先填入表格內容;

2、內容根據需求來寫即可,示例代碼如下:

<table>

<p style="text-align:center ">功課表</p>

<tr>

<th>語文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>數學</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>英文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

</table>

3、然後在<head></head>中間輸入樣式表的樣式;

4、樣式也根據個人的需求來設置即可,設置單元格的寬度高度,合並單元格,位置,顏色等等,示例代碼如下:

<style type="text/css">

body

{

width:340px;

height :800px;

}

table

{

border-collapse :collapse ;

}

th,td

{

width:100px;

height:40px;

border :1px solid black;

font-size:12px;

text-align :center;

</style>

5、這里需要注意這個代碼「table」的意義是將表格邊框合並為單一的邊框,將相鄰變合並。

6、預覽結果如下所示,一個簡單的表格就製作出來了。

7、求網頁設計表格代碼

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

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

運行效果:

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

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

10、網頁製作不規則表格,求此圖html代碼

你是想用div做還是table做?div相對復雜許多,table簡單點,就是合並單元格。合並的時候你不一定按照正常的方式合並,就是把「導航內容」這5個單元格,每個用三個小單元格合並,然後「圖片」和「圖片鏈接點」用5個小單元格合並,這樣不就行了啊,不規則是相對的,不是絕對的,你的思路就錯了,表格布局不一定上下就能有一條貫穿線。不懂再追問,解決請採納

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