1、HTML表单
<body rightmargin="50" leftmargin="50" background="未标题-1.jpg"> <from> <table border="0" cellspacing="3" align="center"> <tr> <td>邮箱：</td> <td><input type="text" name=""/></td> </tr> <tr> <td></td> <td><font size="-3" color="#999999">需要通过邮箱激活账户，不支持sohu,21cn,sogou的邮箱</font></td> </tr> <tr> <td>登陆用户名： </td> <td><input type="text"></td> </tr> <tr> <td></td> <td><font size="-3" color="#999999">仅在登录时使用，字符数不少于4个</font></td> </tr> <tr> <td>显示名称; </td> <td><input type="text"></td> </tr> <tr> <td></td> <td><font size="-3" color="#999999">即昵称，字符数不少于2个</font></td> </tr> <tr> <td>密码;</td> <td><input type="password"></td> </tr> <tr> <td><label>确认密码</label>;</td> <td><input type="password"></td> </tr> <tr> <td></td> <td><font size="-3" color="#999999">至少8位，必须包含字母，数字，特殊字符</td> </tr> <tr> <td>性别:</td> <td><input type="radio" name="sex" checked="checked" value="男">男 <input type="radio" name="sex" value="女" >女</td> </tr> <tr> <td>喜好：</td> <td><select size="1" > <option selected="selected">听音乐</option> <option>打篮球</option> <option>逛街</option> <option>摄影</option> </select> </td> </tr> <tr> <td></td> </tr> <tr> <td></td> <td><input type="submit" value="注册"></td> </tr> </table> </from> </body>
2、 CSS样式
<link href="Untitled-3.css" rel="stylesheet" type="text/css" /> </head> <body> <p>和谐的关系会让你心情舒畅，，但人生总不可能事事顺畅</p> <div id="n">遇事少些抱怨多些宽容和理解，未来的道路就会更通透些</div> 你的人生路<span class="m">上不<p>乏贵人，善待</p>他人的自</span>己机遇便会随处可见。 <p class="abc">将梦想致力于行动，努力赢得更多人的尊重，用心观察生活，</p> 细节上的改变预示着转机即将发生。 <a href="http://www.baidu.com" target="_blank">百度一下</a> <a class="j" href="http://www.qq.com" target="_blank">腾讯qq</a> <a href="../1130/Untitled-4.html" target="_blank">你妈逼</a> </body> /*css文件*/ <style type="text/css"> { margin:0px; padding:0px;} p { font-size:36px; color:#0F9; } #n { font-size:18px; color:#303; } a:link { color:#000; text-decoration:none} a:visited { color:#C00; text-decoration:none} a:hover { color:#0C0; text-decoration:underline;} a:active { color:#FF6; } .m { font-size:50px; color:#00F} p,div { font-size:20; color:#306;} .m p { color:#CF9; font-size:60px;} p.abc { font-size:30px; color:#F00; text-decoration:underline;} a.j:link/*将多个链接设置成不同风格*/ { text-decoration:underline; color:#600} a.j:visited { color:#300; text-decoration:underline;} a.j:hover { color:#CCC; text-decoration:none;} a.j:active { color:#000;} </style>