<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>喵喵</title></head><body><p> ???<h1 align="center">云吸猫</h1> ???<h2 id="2015">2015</h2> ???<div id="container" style="width: 400px"> ???????<div id="header" style="background-color:lightcoral"><h2>登录</h2></div> ???????<div id="content"></div> ???????????<form> ???????????????用户名：<input type="text" name="username"><br> ???????????????密码：<input type="password" name="password"><br> ???????????????<input type="radio" name="role" value="游客">游客 ???????????????<input type="radio" name="role" value="用户">用户<br> ???????????????<input type="checkbox" value="true"><span>记住我</span> <a href="">登录遇到问题<br></a> ???????????????<input type="button" value="login" onclick="alert(‘登录验证‘)"> ???????????</form> ???????<div id="footer" style="background-color: lightcoral"><i>版权@喵喵</i></div> ???????<select> ???????????<option>著名歌曲</option> ???????????<option>表情包</option> ???????</select> ???????<ul> ???????????<li>著名歌曲</li> ???????????<li>表情包</li> ???????</ul> ???????<ol> ???????????<li>表情包</li> ???????????<li></li>著名歌曲 ???????</ol> ???</div> ???<a href="#2">2</a><br><hr> ???<div> ???????<p align="center"> ???????????<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507876924145&di=43f0034f8459a83d58b5c0c6a9e937f8&imgtype=0&src=http%3A%2F%2Fimage.thepaper.cn%2Fwww%2Fimage%2F5%2F474%2F784.jpg"> ???????</p> ???</div> ???<div> ???????<p align="center"> ???????????<a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507876924145&di=43f0034f8459a83d58b5c0c6a9e937f8&imgtype=0&src=http%3A%2F%2Fimage.thepaper.cn%2Fwww%2Fimage%2F5%2F474%2F784.jpg"><img src="URL" alt=""> </a> ???????</p> ???</div></p></body></html>
web基础，用html元素制作web页面
原文地址：http://www.cnblogs.com/qianshu/p/7680172.html