html中使用静态图片做一个csdn网站的首页简单把CSDN网站分为四个图片（自己截图），分别为上，左，中，右，使用ID

简单使用csdn网站的截图做一个网站的DEMO，

简单把CSDN网站分为四个图片（自己截图），分别为上，左，中，右，使用IDEA创建一个静态Web项目。

代码演示：（不添加样式，简单演示效果）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>孙叫兽的博客</title>
    <style>
        body {
           background-color: aliceblue;
        }
    </style>
</head>
<body>
<img src="top.png" height="56px" width="1899px">
<img src="left.png" height="833px" width="120px">
<img src="center.png" height="819px" width="950px">
<img src="right.png" height="833px" width="375px">

</body>
</html>

效果演示：