导航:首页 > 万维百科 > 优秀表格网页设计欣赏

优秀表格网页设计欣赏

发布时间:2020-10-21 16:22:31

1、用html表格的形式做出满屋花的网页设计

具体要求是什么。你学了多少内容?

如果只是图上的页面的样子的话,我能做出来

2、网页设计中的表格!

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

3、求设计一个简单的网页 内容 写一个html页面,至少包含一个表格、一个表单; 30行以上; 美观不管

<!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>
<style>
.fontStyle{
color:red;
font-size:18px;
font-weight:bold;
}
</style>
</head>

<body>
<p class="fontStyle">表格</p>
<table cellspacing="0" cellpadding="0" width="500" height="300" border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
</table>
<p>----------------------------------------------------------------------------------------------</p>
<form id="form1" name="form1" method="post" action="">
<p class="fontStyle">表单</p>
<p>
<label for="name">姓名:</label>
<input type="text" name="name" id="name" />
</p>
<p>性别:
<input type="radio" name="sex" id="male" value="radio" /><label for="male">男</label>
<input type="radio" name="sex" id="female" value="radio2" /><label for="female">女</label></p>
<p>爱好:
<input type="checkbox" name="music" id="music" /><label for="music">听音乐</label>
<input type="checkbox" name="web" id="web" /><label for="web">上网</label>
<input type="checkbox" name="book" id="book" /><label for="book">看书</label></p>
<p>
<label for="content">简历:</label>
<textarea name="content" id="content" cols="45" rows="5"></textarea>
</p>
</form>
</body>
</html>
把上面的代码放到dw里,运行就好了,如果还不会,我把网页传给你吧!!!

4、跪求html网页制作作品,有至少3自然段文本,且又一个美观的表格,至少一副图片,有列表,有链接

为什么你们老师不让你们用DW做
要是用DW编程了 你们老师看的出来么

5、网页设计表格背景颜色

可以用background

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

6、网页设计,怎样设计一个这样的表格?

网页中表格的属性
align:表格的对齐方式,值有left(左对齐,默认)、center(居中)以及right(右对齐)
。align定义的是表格自身的位置,这是一个很有用的属性,强烈建议使用它来规定表格的对齐方式,尽量不要使用<p align=?>表格</p>、<div align=?>表格</div>和<center>表格</center>之类的标签来规定表格的位置,因为这么做将导致论坛添加许多废码!此外,当表格的宽度设置为100%,或者,表格的宽度设置成了占满它所在的容器的宽度,没有必要定义align属性。置为100%,或者,表格的宽度设置成了占满它所在的容器的宽度,没有必要定义align属性。

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

<!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>把代码 粘上就是你要的样子了

8、怎样将网页表格设计得漂亮

你可以参考bootstrap离得handstable;

你要是自己设计一个css表格的话;

给你个大框:

1.表头,行,列的width、height、border(内边距、圆角边框)、text-align、color、text-overflow(溢出换行问题)、font(字体大小)、background-color...等等

9、网页设计中,表格列太多了如何显示

重点显示几列,其它的列显示成有横向滚动条那样的。

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

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

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

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

制作方法如下:

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

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

3.然后在工具栏顶部的insert函数下,查找表;

4.双击表格后会弹出一个对话框,然后选择确定;

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

与优秀表格网页设计欣赏相关的知识