<!DOCTYPE html><head> ???<meta charset="UTF-8"> ???<title>登陆界面</title></head> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><base href="www.gzcc.cn"target="_blank"><nav> ???<ul class="nav nav-tabs"> ?<li class="active"><a href="www.4399.com">Home</a></li> ?<li><a href="www.gzcc.cn">iOS</a></li> ??<li><input type="text" class="form-control"style="width: 200px" ></li> ???????<button type="button" class="btn btn-default">搜索</button></ul></nav><h1> 用户界面</h1><body><div id="container" style="width: 400px"><div id="header" style="background-color: aqua"><h2 align="center">登陆</h2></div><div id="content"> ???<form action=""> ???????username:<input type="text" name="user" placeholder="请输入用户名"><br> ???????password:<input type="password" name="password"> ???????<br> ???????<input type="radio" name="role" value="stu">student ???????<input type="radio" name="role" value="tea">teacher ???????<br> ???????<input type="checkbox" value="true"><span style="color: blueviolet">rember</span> <a href="www.gzcc.cn"> 登陆问题请点</a><br> ???????<input type="button" value="login" onclick="alert(‘登陆验证‘)"> ???????<input type="button" value="cancel"> ???</form></div><div id="footer" style="background-color: aqua ; clear: both ; text-align: center"><i>@版权</i></div></div><div> ???????选择<select> ???????????<option> ???</option> ???????????<option>点击</option> ???????????<option>收藏</option> ???????????<option>关注</option> ???????</select> ???<ul> ???????<li>python</li> ???????<li>html</li> ???</ul> ???</div></body></html>
导航，头部，CSS基础
原文地址：http://www.cnblogs.com/zheng01/p/7691869.html