html_我的案例1_登陆和注册案例

html我常用标签大全html/head/title/meta/body,,,br/hr/img,,,,h1~h6,,,,,p,,,,,div(块级)/span(行内),,,,,,,sub/sup/
b/strong///font-weight,,,,,,,lable/textarea,,,,,,,select/option,,,,,,,,,i/em///font-style,,,,,,s/del////text-decoration: line-through;     u/ins//////text-decoration: underline;
a,,,,,ul/ol/li,,,,,,,dl/dt/dd,,,,,,table/tr/th/td/caption,,,,,,,iframe,,,,,,form

注册

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>shuzk网注册</title>
</head>
<body>
	
	<table width="600" align="center" cellspacing="0" cellpadding="0">
		<caption>shuzhi网页注册</caption>
		<tr height="60">
			<th>性别:</th>
			<td>
				<input type="radio" name="sex" id=""><img src="images/man.jpg" alt="">男
				<input type="radio" name="sex" id=""><img src="images/women.jpg" alt="">女
			</td>
		</tr>
		<tr height="40"><!-- th设置表头 -->
			<th>生日:</th>
			<td>
				<select name="" id="">
					<option value="">请选择年份</option>
					<option value="" selected="selected">95</option>
					<option value="">96</option>
					<option value="">97</option>
				</select>
				<select name="" id="">
					<option value="">请选择月份</option>
					<option value="">1</option>
					<option value=""selected="selected">2</option>
				</select>
				<select name="" id="">
					<option value="">请选择</option>
					<option value="">1</option>
					<option value="">2</option>
				</select>
			</td>
		</tr>
		<tr height="40">
			<th><label for="txt">所在地区:</label></th>
			<td>
				<input type="text" id="txt">
			</td>
		</tr>
		<tr height="40">
			<th>婚姻状况:</th>
			<td><!-- 必须要设置统一的name属性 -->
				<input type="radio" name="marry">未婚  
				<input type="radio" name="marry">已婚  
				<input type="radio" name="marry">离婚  
			</td>
		</tr>
		<tr height="40">
            <th>学历</th>
            <td>
                <input type="text" value="小学">
            </td>
        </tr>
        <tr height="40">
            <th>月薪</th>
            <td>
                <input type="text" value="5000-10000">
            </td>
        </tr>
        <tr height="40">
            <td>手机号</td>
            <td>
                <input type="text">
            </td>
        </tr>
        <tr height="40">
            <td>昵称</td>
            <td>
                <input type="text">
            </td>
        </tr>
        <tr height="40">
            <td>喜欢的类型</td>
            <td>
            <td>
                <input type="checkbox" name="merry"> 妩媚
                <input type="checkbox" name="merry"> 柔美
                <input type="checkbox" name="merry"> 可爱
                <input type="checkbox" name="merry"> 小鲜肉
                <input type="checkbox" name="merry"> 型男
                <input type="checkbox" name="merry"> 气质
            </td>
        </tr>
        <tr height="40">
            <td>自我介绍</td>
            <td>
                <textarea name="" id="" cols="50" rows="10"></textarea>
            </td>
        </tr>

        <tr height="60">
            <td></td>
            <td>
                <input type="checkbox" checked="checked">
                <a href="# ">我同意注册条款和会员加入标准</a>
            </td>
        </tr>

        <tr height="60">
            <td></td>
            <td>
                <input type="image" src="images/btn.png">
            </td>
        </tr>
		<tr height="40">
            <td></td>
            <td>
                <a href="shuzk网登陆.html" target="_blank">我是会员,立即登录</a>
            </td>
        </tr>

        <tr height="40">
            <td></td>
            <td>
                <h3> 我承诺</h3>
                <ul>
                    <li>年满18岁、单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
	</table>

</body>
</html>

登陆

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>shuzk网登陆</title>
</head>
<body>
	<table width="600" align="center" cellspacing="0" cellpadding="0">
		<caption>shuzk网登陆</caption>
		<tr height="60">
			<td>账号</td>
			<td><input type="text" value="邮箱/ID/手机号"></td>
		</tr>
		<tr height="40">
			<td>密码</td>
			<td><input type="password" value=""></td>
		</tr>
		<tr height="40">
			<td></td>
			<td><!-- 使用了checkbox按钮 -->
				<input type="checkbox" checked="checked">
				<span>两周内自动登录</span>
			</td>
		</tr>
		<tr height="40">
			<td></td>
			<td>
				<img src="images/login.png" alt="">
				<a href="#">忘记密码</a>
			</td>
		</tr>
		<tr height="40">
			<td>其他账号登陆</td>
			<td>
				<a href="#"><img src="images/ico1.png" alt="">qq</a>
				<a href="#"><img src="images/ico2.png" alt="">新浪</a>
				<a href="#"><img src="images/ico3.png" alt="">百度</a>
			</td>
		</tr>
		<tr height="40">
			<td></td>
			<td>
				<a href="shuzk网注册.html" target="_blank">没有账号,注册</a>
				<!-- 这里连接设置了target属性 -->
			</td>
		</tr>
	</table>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/shuzhikang/article/details/80982171