导航:首页 > 万维百科 > 网页设计代码复杂表格

网页设计代码复杂表格

发布时间: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个小单元格合并,这样不就行了啊,不规则是相对的,不是绝对的,你的思路就错了,表格布局不一定上下就能有一条贯穿线。不懂再追问,解决请采纳

与网页设计代码复杂表格相关的知识