<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body><h1 align="center">用户登录</h1><div id="centainer"> ???<div id="header" p style="background-color:rgb(192,192,192)"> <h3 align="center">login in</h3></div> ???<div id="centent" align="center"> ?????????<form action="" p style="background-color:rgb(0,255,0)"> ?????????????Username： <input type="text" placeholder="请输入用户名"> ?????????????<br> ?????????????Password： <input type="password" placeholder="请输入密码"> ?????????????<br> ?????????????<input type="radio" name="role" value="student">student ?????????????<input type="radio" name="role" value="teacher">teacher ?????????????<br> ?????????????<input type="checkbox" value="true"><span>记住我</span><a href="登录遇到问题">登录遇到问题</a><br> ??????????????<p align="center"> <input type="button" value="login" onclick="登录验证"> ?????????</form> ????</div> ???<div id="footer" p style="background-color:rgb(255,255,0)"><h5 align="center">版权@</h5></div> ???<p align="center"> ???<select> ???????<option>收藏</option> ???????<option>点赞</option> ???????<option>评论</option> ???</select></p></div></body><style> ???h1{ ???color:red; ???}</style></html>结果如下图所示：
web基础，用html元素制作web页面
原文地址：http://www.cnblogs.com/yuanyinglin/p/7683870.html