<!doctype=html>
<html>
<head>
<meta charset="utf-8">
<title>这是网站标题</title>
</head>
<body>
<div id="container" style="width:500px;">
<div id="title" style="background-color:red;width:500;text-align:center">
<h1 style="color:white; margin-bottom:0;">This is wangrui460</h1>
<!-- margin-bottom:0 表示标题距离下面的一个控件的间距 -->
</div>
<div id="menu" style="background-color:green; color:white; width:100;height:200;float:left;">
<!--这里的 <b>菜单标题</b> 是加粗的意思 -->
<b>菜单标题</b><br>
menu1<br>
menu2<br>
menu3<br>
...<br>
<div id="content" style="background-color:#E8E8E8;width:300;height:200;float:left;text-align:center;">
<p>文章——————————————1</p>
<p>文章——————————————2</p>
<p>文章——————————————3</p>
<p>文章——————————————4</p>
<p>文章——————————————5</p>
<div id="info" style="background-color:#E0FFFF; color:#A0522D; width:100;height:200;float:right;text-align:center">
<br>
<b>wangrui460</b><br><br>
<p>iOS</p>
<a href="index.html//github.com/wangrui460">github</a>
<div id="footer" style="background-color:black; text-align:center; color:white">
作者:<a href="https://github.com/wangrui460" style="color:white">wangrui460</a>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……