补充:第三章案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>达维工作室--联系我们</title>
		<style type =" text/css" >
		.chu{
		font-weight : bold ;
		}
		.zi1{
		font-family:"微软雅黑";
		font-size :20px;
		font-weight : bold ;
		color:#ED630A;
		}
		.zi2{
		font-family:"微软雅黑";
		font-weight :bold 
		color:#F60 :
		texl-dccoration tunderline ;
		}
		zibni
		{ont-family:"微软雅,黑":
		color: #FFF;
		}
		
		
		</style>
		</head>
		<body background="img/123.jpg">
		
		<table width="1190" border="0" cellpadding="0" cellspacing=" 0" >
		<tr>
		<td>
		<table width =" 1190" border="0" align=" center" cellpadding="0" cellspacing=" 5" >
		<tr>
		<td width=" 100" align=" center" valign=" middle" bgcolor= " #ffffff" >
		<img src="img/789.jpg" alt="" width=" 100" height="65" />
		</td>
		<td width=" 100" align= " center" valign =" middle" bgcolor =" #FFFFFF" class ="zil">网站首页</id>
		<td width="100" align=" center" valign= " middle"bgcolor="#FFFFFF" class ="zil">关于我们</id>
		<td width ="100" align= " center" valign=" middle" bgcolor = " #FFFFFF" class ="zi1">团队合作</td>
		<td width=" 100" align=" center" valign=" middle" bgcolor= " #FFFFFF" class ="zil">相关作品</td>
		<td width =" 100" align=" center" valign= " middle" bgcolor= " #FFFFFF" class ="zil">设计理念</id>
		<td width =" 100" align=" center" valign= " middle" bgcolor= " #FFFFFF" class ="zi1">人物介绍</td>
		<td width =" 100" align =" center" valign = " middle" bgcolor = " #FFFFFF" class ="zil">联系我们</Id>
		</tr>
		</table>
		</td>
		</tr>
		<tr>
		<td>
		<table width="100%" border="0" cellspacing=" 20" cellpadding="0" >
		<tr>
		<td height="318">&nbsp:</td>
		<td width=“ 280” valign=" top">
		<table width= 100%" border=“0” cellspacing="0” cellpadding=“20”>
		<tr>
		<td heigh =" 30” align="center" bgcolor="#FFFFFF” class="1">联系我们</d>
		</tr>
		<tr>
		<td height=°196" bgcolor=”#FFAP03”>
		<p class=”zibai”>地址:广东省江门市XXXXXXXXX<br />
		电话:0750-XXXXXX<br/>
		传真:0750-XXXXXX<br/>
		00:12345678<br />
		电子邮箱:<br />
		123@ 163.com<br />
		工作室网站:<br />
		www.XXXX.com</p>
		</td>
		</tr>
		</table>
		</td>
		<td width="280" valign=" top">
		<table width=" 100%" border="0" cellspacing="0" cellpadding=" 20">
		<tr>
		<td height="30" align="center"bgcolor="#FFFFFF” class="zl">关于我们</td>
		</t>
		<tr>
		<td height="278"valign="top"bgcolor="#FC880D"><p class="zibai">达维工作室是专业从事互联网相关开发的公司。<br/>专门提供全方们的优质服务和最专业的网站建设方案为企业打造全新电子商务平台。<br
		/>
		</p>
		达维工作室成立于 2014年,已经成为国内著名的网站建设提供商。多年的风雨历程…
		<p class =" zibai" >&nbsp;</p><p class="zibai chu">更多&gt;&gt;</p>
		</td>
		</tr>
		</table>
		</td>
		<td width="280">
		<table width="100%" border="0" cellspacing="0" cellpadding=" 20" >
		<tr>
		<td height="30"align="center" bgcolor="#FFFFFF" class="zi1">团队合作</td></tr>
		<tr>
		<td height="332" valign="top" bgcolor="#66A00E"><p class="zi2">我们的团队:
		</p>
		<p class="zibai">成员都具有多年的实际设计工作经验,满足客户的国际化需求设计师创意的思维模式,提供最适合的设计方案。</p>
		<p class="zi2">我们的承诺:</p>
		<p class="zibai">本工作室设计与制作的网站均属原创、不套用网上的任何模板根据每个公司特点,设计出属于客户……</p>
		<p class=" zibai" >&nbsp;</p>
		<p class=" zibai chu">更多 &gt;&gt;</p>
		</td>
		</tr>
		</table>
		</td>
		</tr>
		</table>
		</td>
		</tr>
		</table>
		</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册信息</title>
		<style type="text/css">
			fieldset{
				width:700px;
			}
		</style>
	</head>
	<body>
		<form action ="" method ="post" enctype =" multipart/form-data" name =" formI" id ="form1">
		<fieldset>
		<legend>用户注册信息</legend>
		<tr>
		<table width="600" border="O" align="center" cellpadding="O" cellspacing="O">
		<td width="200" align="right">用户名:</td>
		<td><input type="text" name ="textfield" id="textfield" /></td>
		</tr>
		<tr>
		<td width="200" align="right">密码:</td>
		<td><input type="password" name="textfield2" id ="textfield2" /></td>
		</tr>
		<tr>
		<td width="200" align="right">确认密码:</td>
		<td><input type=" password" name="textfield3" id="textfield3" /></td>
		</tr>
		<tr>
		<td width="200" align="right">性别:</td>
		<td><input name ="radio" type="radio" id="radio" value="radio" checked="checked"/>
		男 
		<input type="radio" name ="radio" id="radio2" value= "radio2"/>
		女</td>
		</tr>
		<tr>
		<td width="200" align=" right">出生年月:</td>
		<td><input name="textfield4" type="text" id="textfield4" size="12"/>年
		<select name=" select" id="select">
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
		<option>7</option>
		<option>8</option>
		<option>9</option>
		<option>10</option>
		<option>11</option>
		<option>12</option>
		</select>
		月</td>
		</tr>
		<tr>
		<td width="200"align="right">业余爱好:</td>
		<td><input type="checkbox" name="checkbox" id="checkbox"/>看书
		<input type="checkbox" name="checkbox2" id="checkbox2"/>上网
		<input type="checkbox" name="checkbox3" id="checkbox3"/>打球
		</td>
		</tr>
		<tr>
		<td width="200" align="right">相片:</td>
		<td height="25"><input type="file" name="fileField" id="fileField"/></td>
		</tr>
		<tr>
        <td width="200" align="right">意见或建议:</td>
		<td>
		<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
		</td>
		</tr>
		<tr>
		<td colspan="2" align="center">
		<input type=" submit" name="button" id="button" value="提交"/>
		<input type="reset" name="button2" id="button2" value ="重置"/>
		</td>
		</tr>
		</table>
		</fieldset>
		</form>
	</body>
</html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值