HTML作业(二)

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title>欢迎登陆</title>
	<meta charset="utf-8">
	<style type="text/css">
         *{
         	margin: 0;
         	padding:0;
          }
    </style>
</head>
<body>
     <table style="width: 100%">
            <tr>
            	<img src="./1.png">
            </tr>
            <tr>
                <td>
                	<table style="height: 360px" >     <tr>
                             <td rowspan="2" style="width: 600px"></td>
                             <th style="height: 50%;font-size: 20px">账号密码登陆
                             <br>
                             推荐使用<a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&redirect_uri=https%3A%2F%2Fudb3lgn.huya.com%2Fweb%2Fv2%2Fcallback&response_type=code&client_id=101406359&state=%7B"action"%3A"1"%2C"appid"%3A"5002"%2C"busiurl"%3A"https%3A%2F%2Fwww.huya.com"%2C"byPass"%3A3%2C"domain"%3A"huya.com"%2C"domainList"%3A""%2C"exchange"%3A"69724538"%2C"guid"%3A"fa03ddba8f7a48b49cfbecb7c6e3c795"%2C"remember"%3A0%2C"requestId"%3A"69726248"%2C"smid"%3A""%2C"style"%3A"1"%2C"terminal"%3A"web"%2C"type"%3A"qq"%2C"uri"%3A30003%2C"win"%3A"1"%7D&scope=get_user_info%2Clist_album%2Cupload_pic%2Cdo_like">快速安全登陆</a>,防止盗号
                             </th>
                	     </tr>
                	     <tr>
                	     	<th  style="width:600px">
                	     		<input type="text" name="昵称" id="usename" style="width: 330px;height: 50PX;font-size: 20PX" required placeholder="支持QQ号、手机号、昵称登陆"><br><br>
                	     		<input type="password" name="pas" style=" width:330px;height: 50PX;font-size:20px" required placeholder="密码"><br><br>
                	     		<input type="image" src="./5.png">
                	     	</th>
                	     </tr>

                	</table>
                </td>
            </tr>
            <tr>
            	<td>
                    <table>
                    	<tr>
                    		<td style="width:900px"></td>
                    		<td>忘了密码|注册新账号|意见反馈</td>
                    	</tr>
                    </table>
            	</td>
            </tr>
            <tr>
            	<td>
            		<table>
            			<tr>
            				<td style="width: 500px"></td>
            				<td>
                                 <a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&redirect_uri=https%3A%2F%2Fudb3lgn.huya.com%2Fweb%2Fv2%2Fcallback&response_type=code&client_id=101406359&state=%7B"action"%3A"1"%2C"appid"%3A"5002"%2C"busiurl"%3A"https%3A%2F%2Fwww.huya.com"%2C"byPass"%3A3%2C"domain"%3A"huya.com"%2C"domainList"%3A""%2C"exchange"%3A"69724538"%2C"guid"%3A"fa03ddba8f7a48b49cfbecb7c6e3c795"%2C"remember"%3A0%2C"requestId"%3A"69726248"%2C"smid"%3A""%2C"style"%3A"1"%2C"terminal"%3A"web"%2C"type"%3A"qq"%2C"uri"%3A30003%2C"win"%3A"1"%7D&scope=get_user_info%2Clist_album%2Cupload_pic%2Cdo_like">手机账号登陆>></a>
            				</td>
            			</tr>
            		</table>
            	</td>
            </tr>

     </table>
</body>
</html>

在这里插入图片描述

二、

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title>欢迎注册</title>
	<meta charset="utf-8">
    <style type="text/css">
         *{
         		margin: 0;
         	    padding:0;
         }
    </style>
</head>
<body>
     <table >
     	<tr>
     		<td rowspan="2">
                <img src="./4.png">
     		</td>
     		<td style="width:  25%"></td>
     		<td style="width:  25%"></td>
     		<td >
                <table>
                	<tr>
                		<td style="width: 1200px">QQ靓号</td>
                		<td style="width: 1400px">简体中文</td>
                		<td style="width: 1600px"> 意见反馈</td>
                	</tr>
                </table>
     		</td>
     	</tr>
     	<tr>
     		<td style="width:  25%"></td>
     		<td>
     			<h2 style="height:25%;font-size: 50px">欢迎注册QQ</h2>
     			<table>
     				<tr>
     					<td>
     						<table>
     							<tr>
     								<td style="width: 900px">每一天,乐在沟通</td>
     				                <td style="width: 200px">
     				                    	<a href="">免费靓号</a>
     				                </td>
     							</tr>
     						</table>
     					</td>
     				</tr>
     				<tr>
     					<td>
     		                 	<input type="text" name="usename"  style="width: 590px;height:50px;font-size: 20px" required placeholder="昵称"><br><br>
     		                	<input type="password" name="password" style="width: 590px;height: 50px;font-size: 20px" required placeholder="密码"><br><br>
     			                <input type="text" name="tell"  style="width: 290px;height:50px;font-size: 20px" value="+86">
     		                	<input type="tell" name="tell" style="width: 290px;height: 50px;font-size: 20px" placeholder="手机号码"><br><br>
     		                	<h6>可通过该手机号找回密码</h6><br>
     		                	<input type="image" name="ll" src="./3.png"><br>
     		                	<input type="checkbox" name="kk" value="55">我以阅读并同意相关服务条款和隐私政策
     	           	   </td>
     				</tr>
     			</table>
     		</td>
     		<td style="width:  25%"></td>
     	</tr>
     </table>
</body>
</html>

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值