html表格
<html>
<head>
<title>表格</title>
</head>
<body>
<table border="1" bordercolor="#999999" width="" height="" cellspacing="0" cellpadding="5" align="center">
<caption>表格跨行跨列</caption>
<tr>
<th colspan="2" align="left">不定内容</th>
<th align="right" width="200">工作单位</th>
<th>特殊情况</th>
</tr>
<tr align="center">
<td>科比</td>
<td>父亲</td>
<td>湖人</td>
<td rowspan="3">120</td>
</tr>
<tr>
<td colspan="2">凯文.韦恩.杜兰特</td>
<td>雷霆</td>
</tr>
<tr>
<td>凯文.韦恩.杜兰特</td>
<td align="right">母亲</td>
<td align="right">雷霆</td>
</tr>
</table>
</body>
</html>
表单
<html>
<head>
<title>表单 提交</title>
<style type="text/css">
div{
color:#4f4f4f;
font-size:30px;
font-family:Microsoft YaHei;
}
#long{
width:300px;
}
#place{
width:95;
}
#time{
width:70;
}
</style>
</head>
<body>
<div>注册帐号</div>
<hr color="#d0d0d0"/>
<form action="#" method="get" >
<table border="0" cellpadding="6" align="center">
<tr>
<td align="right">昵称</td>
<td><input type="text" name="昵称" id="long"></td>
</tr>
<tr>
<td align="right">密码</td>
<td><input type="password" name="密码" id="long"></td>
</tr>
<tr>
<td align="right">确认密码</td>
<td><input type="password" name="确认密码" id="long"></td>
</tr>
<tr>
<td align="right">性别</td>
<td>
<input type="radio" name="性别" value="男" checked>男
<input type="radio" name="性别" value="女">女
</td>
</tr>
<tr>
<td align="right">生日</td>
<td >
<select name="日历" id="time">
<option value="公历">公历</option>
<option value="农历" selected="selected">农历</option>
</select>
<select name="年">
<option value="默认">年</option>
<option value="1988" selected="selected">1988年</option>
<option value="1990">1990年</option>
</select>
<select name="月" id="time">
<option value="默认">月</option>
<option value="8">8月</option>
<option value="12" selected="selected">12月</option>
</select>
<select name="日" id="time">
<option value="默认">日</option>
<option value="20" selected="selected">20日</option>
<option value="7">7日</option>
</select>
</td>
</tr>
<tr>
<td align="right">所在地</td>
<td>
<select name="国家" id="place">
<option value="中国" selected="selected">中国</option>
<option value="澳大利亚">澳大利亚</option>
</select>
<select name="省" id="place">
<option value="重庆" selected="selected">重庆</option>
<option value="湖北">湖北</option>
</select>
<select name="市" id="place">
<option value="万州" selected="selected">万州</option>
<option value="武汉">武汉</option>
</select>
</td>
</tr>
<tr>
<td align="right">手机号码</td>
<td><input type="text" name="手机号" id="long"></td>
</tr>
<tr>
<td> </td>
<td>
<font size="1">可通过该手机号码快速找回密码</font>
<br/>
<font size="1">
中国大陆地区以外的手机号码
<a href="#">点击这里</a>
</font>
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="image" src="2-1表单提交按钮.jpg"/>
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="checkbox" name="qq空间" value="同意" checked="checked"/>
<font size="1">同时开通qq空间</font>
<br/>
<input type="checkbox" checked="checked"/>
<select name="条款">
<option value="不同意" >
我不同意相关服务条款和隐私政策
</option>
<option value="同意" selected="selected">
我已阅读并同意相关服务条款和隐私政策
</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
引入css
<html>
<head>
<title>清明</title>
<link rel="stylesheet" type="text/css" href="demo.css"/>
</head>
<body>
<div id="title"><b>清明</b></div>
<div class="name"><i>唐.杜牧</i></div>
<hr/>
<div id="shi">清明时节雨纷纷,路上行人欲断魂.</div>
<div id="shi">借问酒家何处有,牧童遥指杏花村.</div>
<hr/>
</body>
</html>
demo.css
.name{
font-family:Microsoft YaHei;
color:#3c3c3c;
font-size:15;
}
#shi{
font-family:Microsoft YaHei;
color:green;
font-size:18;
}
#title{
font-family:Microsoft YaHei;
font-size:30;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
