html中使用静态图片做一个csdn网站的首页

最新推荐文章于 2023-03-21 16:57:38 发布

孙叫兽

最新推荐文章于 2023-03-21 16:57:38 发布

阅读量1k

点赞数 1

分类专栏：高级前端全栈教程系列文章标签： html 网站图片静态网页

未经博主同意，禁止转载

本文链接：https://blog.csdn.net/weixin_41937552/article/details/105779736

版权

高级前端全栈教程系列专栏收录该内容

145 篇文章 13 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文展示了如何用HTML将CSDN网站的截图分成四个部分（上，左，中，右），创建一个静态Web项目来实现简单的布局。通过IDEA创建项目，不添加样式，仅演示基本效果。内容包括代码演示、效果展示和原图对比，并对图片添加超链接以增加互动性，旨在娱乐和学习。

摘要由CSDN通过智能技术生成

简单使用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">
<