实现以上图片中的内容
代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><form method="post" action=""><table><tr><td colspan="3" ></td><td><select name="语言" id=""><option value="0">简体中文</option><option >英语</option></select></td><td colspan="3"><span bgcolor="black">意见反馈</span></td></tr><tr><td colspan="2" rowspan="8"><img width="200" height="250" src="F:\web-前端\OIP-2.jpg"></td><td><h1>欢迎注册QQ</h1></td></tr><tr><td>每一天,乐在沟通。</td><td colspan="3"><a href="#免费靓号">免费靓号</a></td></tr><tr><td><input name="昵称" type="text" placeholder="昵称"></td></tr><tr><td><input name="密码" type="password" placeholder="密码"></td></tr><tr><td><select name="address"><option value="+86">+86</option><option value="+80">+80</option><input name="手机号码" type="tel" placeholder="手机号码"></select></td></tr><tr><td><small>可通过手机号码找回</small></td></tr><tr><td align="center" bgcolor="#5DADE2"><button>立即注册</button></td></tr><tr><small><td><input type="radio">我已阅读并同意服务相关条款和隐私政策</td></small></tr></table></form>
</body>
</html>
运行结果如下图:
略有简陋但也成功实现。