用表格设计网页_在网页设计中

1、用表格和表单设计如下网页

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<form action="" method="post" name="form">
<table width="501" border="0" align="center">
<tr>
<td colspan="2" align="center"><h2>请留下个人资料</h2></td>
</tr>
<tr>
<td width="122" align="right">姓名：</td>
<td width="363"><label>
<input type="text" name="textfield" />
</label></td>
</tr>
<tr>
<td align="right">电话：</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">E-mail：</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right">性别：</td>
<td><label>
<input type="radio" name="radiobutton" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td align="right">年龄：</td>
<td><label>
<select name="select">
<option value="0">-请选择-</option>
<option value="1">20岁以下</option>
<option value="2">20-30岁</option>
<option value="3">30岁以上</option>
</select>
</label></td>
</tr>
<tr>
<td align="right">留言板：</td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
</tr>
<tr>
<td align="right">您的爱好</td>
<td><label>
<input type="checkbox" name="checkbox" value="checkbox" />
运动
<input type="checkbox" name="checkbox2" value="checkbox" />
阅读<br/> <input type="checkbox" name="checkbox2" value="checkbox" />
听音乐 <input type="checkbox" name="checkbox2" value="checkbox" />
旅游
</label>

</td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" value="全部重写" />
</label></td>
</tr>
</table>
</form>
</body>
</html>把代码粘上就是你要的样子了

2、网页设计中如何设置表格各项属性

如果是用DW或者FP等网页编辑器那就很简单了~ 在它们的可视化编辑状态下选择需要修改的表格在修改属性就可以了~ 但是如果在代码下~那你需要去找一下有关HTML表格代码的说明了~ 大体给你几个~
border="2"边框粗细
width="100"表格宽度
height="42"高度
cellspacing="4"间距
cellpadding="3"边距
bordercolor="#FFFFFF"背景颜色
bordercolorlight="#FFFFFF"亮框颜色
bordercolordark="#000000"暗框颜色
background="logo.gif"背景图片
align="left"浮动对齐方式(也就是整个表格的对齐方式)
暂时就给你这么多吧~其他的你可以去网上搜索一下~ 上面这些是比较常用到的！

希望对你有帮助！

3、如何用Dreamweaver制作网页表格

一、要想用Dreamweaver来制作网页，首先要安装Dreamweaver网页制作的工具，这是必备的，可以去官网里面去下载即可。

二、操作步骤：

【1】第一步是打开Dreamweaver工具。

【2】然后在Dreamweaver选项的中，选择新建一个Html文件，这个是制作网页的前提。

【3】进入Dreamweaver主界面后，我们可以看到自动生成的标题、头、身体的相关的代码的出现，这个是软件自动生成的，可以直接使用的。

【4】在Dreamweaver代码的主界面中，在代码、拆分、设计这三个选项卡中，选择拆分，因为这样可以更好的看到代码与相关设计的表格的调整的问题。

【5】然后选择插入中的表格的选项，这个是用来选择表格的选项的。

【6】选择表格的选项框出现后，然后根据个人的需要，可以选择表格的行与列，还可以选择相关的标题、摘要，这里就选择五行五列。

【7】当点击确定后，就能够看到左边的代码区域，右边的相关表格的区域。

【8】表格制作好后，可以根据个人的需要对表格进行调整大小，可以通过鼠标的拖动来调整表格的大小。

【9】还可以在代码中调整网页表格的大小，对表格的长与宽进行相关的调整，可以修改长与宽的值的大小。

【10】最后一定要记得保存哦，保存的文件是以html为后缀名的。

【11】文件保存好后，可以在Dreamweaver页面中按F12来浏览你做好的网页表格。

4、用记事本制作网页设计如何加入表格求代码

这个只要你记住相关的标记就可以了。
记事本写入相关的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>中间即可。
内容就是表格你要添加的内容

希望能帮到你，有什么问题可以继续追问。如果有问题的话，可以留下邮箱，我发个完整的给你。

5、怎样利用表格制作网页？

一、创建基本的表格一个表由＜table＞开始，＜/table＞结束，表的内容由＜tr＞,＜th＞和＜td＞定义。＜tr＞说明表的一个行，表有多少行就有多少个＜tr＞；＜th＞说明表的列数和相应栏目的名称，有多少个栏就有多少个＜th＞；＜td＞则填充由＜tr＞和＜th＞组成的表格。这里面有两个概念要弄明白：表格与单元格。他们的关系是整体与局部的关系，如同砌墙的砖和砌好的墙一样。在上面3行3列的表格中一共有9个单元格。由于我们后面将提到的表格属性和单元格属性有很多是相同的，所以一定要分清楚。前面已经说过表格的最基本标记为＜table＞、＜tr＞、＜td＞，可以先树立这样一个概念：描述整个表格的属性标记放在＜table＞里，描述单元格的属性标记放在＜tr＞、＜td＞里。有这样一个概念后，我们学习起来就可能简单些。

6、做网页时用表格和表单有什么区别？？

一、用处不同

1、表格：用于按行列方式展示数据。

2、表单：用于搜集不同类型的用户输入。

二、表现方式不同

1、表格：HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

2、表单：是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

三、组成元素不同

1、表格：tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

2、表单：多数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义的。

7、用表格和表单制作如下网页。完整html代码

1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。

2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。

3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。

4、使用<caption></caption>定义表格的标题。

5、表格分为三个部分,表头部，表主体，表尾部。

6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。

8、在网页设计中,表格有什么重要作用

1．当需要提交所有数据时，可以提交整个100个表，如果不使用表，可以逐个提交。

2．表格设计简洁美观，方形，与网页的设计非常一致。

3．网站其实是一个大版本的表格，数据和权重之间的数据库也与表格有联系，所以密不可分。

制作方法如下：

1．打开WPS表单并创建一个新的工作簿；

2．然后从多个表中选择要创建的表的行数和复制列数；

3．然后在工具栏顶部的insert函数下，查找表；

4．双击表格后会弹出一个对话框，然后选择确定；

5．最后，表格将在您选择的区域自动生成，一个简单的表格已经准备好了。

9、用表格和表单制作如下网页。完整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>

10、网页为什么要用表格制作

WEB开始是用表格来排版的现在WEB2.0后多是用DIV＋CSS 当然也有很大一部份老程序员仍然坚持使用TABLE，下面是个人观点
1:Table 布局如果是一个Table套多个Table网页Load的速度慢，但是切割成多个DIV就不会有这样的问题，而且在页面高度控制上，Table经常出现一些莫名奇妙的问题
2:table的好处是容易上手。
3:table布局没有div灵活了,div在不同分辨率位置不同,div还可以来做好多特效.做布局还是用table+table布局来做呀
4:table用来表现较复杂的数据结构还是很有用的。其它的DIV 完全可以搞定。

当然如果用到特效后台管理等就要用到 JAVAScript,/ASP/php/ASP.NET /JSP等程序来处理

导航:首页 > 万维百科 > 用表格设计网页

用表格设计网页

与用表格设计网页相关的知识