一个乱七八糟的啥啥啥总结？

13.html

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="my.css">
<meta charset="utf-8">
</head>
<body>
<div id="container">
<div id="header">
<span id="font1"><h2>Colorful Shi yan Lou</h2></span>
<a href="#footer1" style="float:left;color:lightgray">Contact us</a>
</div>
<div id="paragraph">
<img src="1.png" style="padding:50px"><br/>
<h1 style="color:white;text-align:center;margin:6px;">We are engineers</h1>
<p style="color:white;text-align:center;font-size:20px;">we are young</p>
</div>
<div id="middle">
<div id="left">
<h2>Working</h2>
<img src="2.png">
</div>
<div id="middle1">
<h2>Eating</h2>
<img src="3.png">
</div>
<div id="middle2">
<h2>Playing</h2>
<img src="4.png">
</div>
<div id="right">
<h2>Sleeping</h2>
<img src="5.png">
</div>
</div>
<div id="footer1">
<h2 style="color:lightslategray;padding:20px;">let's learn with us<br/>
good good study,day day up</h2>
<div id="lemail"></div>
<div id="email">
<img src="6.png" style="margin-top:10px;">
<p><b>Send email to shiyanlou</b></p>
<form action="MAILTO:support@shiyanlou.com" method="post" enctype="text/plain">
your name:<br/>
<input type="text" name="name" placeholder="your name"><br/>
your email:<br/>
<input type="text" name="email" placeholder="your email"><br/>
what you wanna say:<br/>
<textarea name="say" rows="3" cols="22" placeholder="suggestions"></textarea><br/><br/>
<input type="submit" name="send" value="发送">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" name="reset" value="重置">
</form>
</div>
<div id="remail">
</div>
<div id="bemail">
</div>
</div>

<div id="footer2"></div>


</div>
</body>
</html>

my.css

#font1{
font-family:Arial,Helvetica,sans-serif;
color: aliceblue;
text-align: center;
padding: 10px;
}
#container{
/*width: 1300px;*/
margin: 0 auto;
}
#header{
background-color: darkslategray;
height: 130px;
font-size: 16px;
}
#paragraph{
background-color: lightseagreen;
text-align: center;
height: 550px;
}
#middle{
color: lightslategray;
border: 10px;
height: 350px;
}
#left{
float:left;
text-align: center;
margin-left: 60px;
}
#middle1{
float:left;
text-align: center;
margin-left: 60px;
}
#middle2{
float:left;
text-align: center;
margin-left: 60px;
}
#right{
float:left;
text-align: center;
margin-left: 60px;
}
#footer1{
text-align: center;
background-color: powderblue;
height: 500px;
}
#lemail{
background-color: powderblue;
height: 420px;
width: 550px;
float: left;
}
#email{
background-color: orange;
height: 420px;
width: 400px;
float: left;
margin-top: 0px;

}

#remail{
background-color: powderblue;
height: 420px;
width:550px;
float: left;
}
#bemail{
background-color:powderblue;
height: 30px;
width:1500px;
float: left;
}
#footer2{
background-color: lightslategrey;
height: 30px;
clear: both;
text-align:center;

}