目录
QQ注册页面
QQ登录页面
豆瓣电影页面
QQ注册页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
span {
color: blue;
font-size: 12px;
}
d {
font-size: 25px;
}
c {
font-size: 6px;
}
m {
font-size: 10px;
}
z {
font-size: 2px;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" align="center">
<tr>
<td colspan="3"></td>
<td><c>简体中文|</c></td>
<td><m>意见反馈</m></td>
</tr >
<tr>
<td rowspan="9" colspan="2"><img src="../img/QQ图标.webp" height="300px" width="200px"></td>
<td><d>欢迎注册QQ</d></td>
</tr>
<tr>
<td >每一天，乐在沟通。</td>
<td><span>免费靓号</span></td>
</tr>
<tr>
<td><input type="text" placeholder="昵称"></td>
</tr>
<tr>
<td><input type="text" placeholder="密码"></td>
</tr>
<tr>
<td><select name="num">
<option value="+86">+86</option>
</select></td>
</tr>
<tr>
<c><td>可通过手机号找回密码</td></c>
</tr>
<tr>
<td><input type="image" src="../img/注册.png" width="180" height="30"></td>
</tr>
<tr>
<z><td><input type="radio">我已阅读并同意服务相关条款和隐私政策</td></z>
</tr>
</table>
</body>
</html>QQ登录页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="0" cellspacing="0" align="center" width="800">
<tr>
<td colspan="2"><img src="../img/qq1.jpeg" height="150" width="300"></td>
<td><img src="../img/问号1.webp" height="30" width="30"></td>
<td>QQ登录 |授权管理 |申请接入</td>
</tr>
</table>
<table border="0" cellspacing="0" align="center" width="800">
<tr>
<td rowspan="6"></td>
<td><font size="5" height="30"><p align="center">账号密码登录</p></font></td>
<td colspan="4"><font color="blue">腾讯网</font> 将获得以下权限:</td>
</tr>
<tr>
<td rowspan="2" width="400" height="50" valign="top"><font size="5">推荐使用<font color="blue">快速安全登录</font>，防止盗号</font></td>
<td colspan="4" height="20"><input type= "radio" height="10"> 全选</td>
</tr>
<tr>
</tr>
<tr>
<td height="40"><input type="text" placeholder="支持QQ/邮箱/手机号登录"></td>
<td colspan="4" height="40"><input type="radio">将获得您的昵称、头像、性别及会员信息</td>
</tr>
<tr>
<td height="40"><input type="text" placeholder="密码"></td>
<td colspan="4">授权后表明你已同意 <font color="blue">QQ登录服务协议</font></td>
</tr>
<tr>
<td height="40"><input type="image" src="../img/登录.png" width="180" height="30"></td>
</tr>
<tr>
<td colspan="2"><p align="right">忘了密码? |注册新账号 |意见反馈</p></td>
</tr>
</table>
</body>
</html>豆瓣电影页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>热门电影板块</h1>
<hr>
<table border="0" cellspacing="0" width="1200">
<tr>
<td><font size="5"><b>最近热门电影</b></font></td>
<td align="center"><font size="5">热门</font></td>
<td align="center"><font size="5">最新</font></td>
<td align="center"><font size="5">豆瓣高分</font></td>
<td align="center"><font size="5">冷门佳片</font></td>
<td align="center"><font size="5">华语</font></td>
<td align="center"><font size="5">欧美</font></td>
<td align="center"><font size="5">韩国</font></td>
<td align="center"><font size="5">日本</font></td>
<td align="center"><font size="5">更多>></font></td>
</tr>
</table>
<hr>
<table border="0" cellspacing="0">
<tr>
<td><img src="../img/movie1.jpg"></td>
<td><img src="../img/movie2.jpg"></td>
<td><img src="../img/movie3.jpg"></td>
<td><img src="../img/movie4.jpg"></td>
</tr>
<tr>
<td>猜火车 8.1</td>
<td>贝尔科实验 6.0</td>
<td>加州公路巡警 6.8</td>
<td>歌声不绝 6.3</td>
</tr>
<tr>
<td><img src="../img/movie5.jpg"></td>
<td><img src="../img/movie6.jpg"></td>
<td><img src="../img/movie7.jpg"></td>
<td><img src="../img/movie8.jpg"></td>
</tr>
<tr>
<td>明日的我与昨日的我</td>
<td>速度与激情8 </td>
<td>极速特工 </td>
<td>金刚狼3：殊死一战 </td>
</tr>
</table>
</body>
</html>注：前端小白一枚，代码可能存在大量的重复，以及只使用了简单的CSS，只提供参考使用哟
