<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>什么什么Ａｐｐ</title></head><head> ???<body> ???<a href="">首页</a> ???<a href="">下载ａｐｐ</a> ???搜索:<input></nav> ???<style type="text/css"> ???p{color:red;}</style><body><p> ???什么什么什么</p></body><div ?id="container" style="width:400px "... > ???<div id="header" style="background-color:#FFA500;"><h2 align="center" style="margin-bottom:0;">登录</h2> ?????<div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;"><form> ???用户名：<input type="text" name="firstname"><br> ???密码：<input type="password" name="pwd"><br> ????<input type="radio" name="role" value="stu">游客登陆<br> ???<input type="button" value="登入"></form></div><div ?id="container" style="width:400px "... > ???<div id="header" style="background-color:#FFA500;"><h2 align="center" style="margin-bottom:0;">查看</h2></div> ???<form> ???????<select> ???????????<option>列表</option> ????????????<option>收藏</option> ???????</select> ???????</form> ???<div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;"><from><u1> ???<li>第一章</li> ???<li>第二章</li> ???<li>第三章</li></u1> ??<di> ??????<dt>项目一</dt> ??????<dt>项目二</dt> ??</di> ???<table border="1"> ???????<tr> ???????????<th>标题</th> ???????????<th>标题</th> ???????????<th>标题</th> ???????????<th>标题</th> ???????</tr> ???????<tr> ???????????<td>行一</td> ???????</tr> ???</table></from> ???<div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;"></div> ???<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">版权?emmmmm</div></div></body></html>导航，头部，CSS基础
原文地址：http://www.cnblogs.com/caoxinwen092/p/7680852.html