HTML+CSS简单博客源码

作者: admin 分类: css 发布时间: 2019-02-01 21:10

首页index.html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<link href=”index.css” type=”text/css” rel=”stylesheet” />
<title>首页</title>
</head>

<body>
<div id=”top”>
<div id=”menu”>
<ul>
<li><img src=http://img.php.cn/upload/course/000/000/004/5816f7b0056da728.png></li>
<li><a href=””>首页</a></li>
<li><a href=””>科技资讯</a></li>
<li><a href=””>心情随笔</a></li>
<li><a href=””>资源收藏</a></li>
<li><a href=””>图文图片</a></li>
<li><a href=””>留言板</a></li>
<li class=”mi”><a href=””>登陆</a>/<a href=””>注册</a></li>
</ul>
</div> <!–menu结束–>
</div> <!–top结束–>
<img src=”http://img.php.cn/upload/course/000/000/004/581709cd445a4195.jpg”width=”100%”height=”300px”>
<div id=”blog”>
<ul>
<li>
<div class=”blog-left”>
<p><a href=”” class=”title”>测试文章</a></p>
<p style=”margin-top:20px”>内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示</p>
<p style=”margin-top:90px”><img src=”http://img.php.cn/upload/course/000/000/004/58170b919bc0d569.png” >测试<img src=”http://img.php.cn/upload/course/000/000/004/58170ba6daea4279.png” style=”margin-left: 20px”>2016/10/31</p>
</div>
<div class=”blog-right”><img src=”http://img.php.cn/upload/course/000/000/004/58170bc487acc779.jpg”></div>
</li>
<li>
<div class=”blog-left”>
<p><a href=”” class=”title”>测试文章</a></p>
<p style=”margin-top:20px”>内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示</p>
<p style=”margin-top:90px”><img src=”http://img.php.cn/upload/course/000/000/004/58170b919bc0d569.png” >测试<img src=”http://img.php.cn/upload/course/000/000/004/58170ba6daea4279.png” style=”margin-left: 20px”>2016/10/31</p>
</div>
<div class=”blog-right”><img src=”http://img.php.cn/upload/course/000/000/004/58170bc487acc779.jpg”></div>
</li>
<li>
<div class=”blog-left”>
<p><a href=”” class=”title”>测试文章</a></p>
<p style=”margin-top:20px”>内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示</p>
<p style=”margin-top:90px”><img src=”http://img.php.cn/upload/course/000/000/004/58170b919bc0d569.png” >测试<img src=”http://img.php.cn/upload/course/000/000/004/58170ba6daea4279.png” style=”margin-left: 20px”>2016/10/31</p>
</div>
<div class=”blog-right”><img src=”http://img.php.cn/upload/course/000/000/004/58170bc487acc779.jpg”></div>
</li>
<li>
<div class=”blog-left”>
<p><a href=”” class=”title”>测试文章</a></p>
<p style=”margin-top:20px”>内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示内容显示</p>
<p style=”margin-top:90px”><img src=”http://img.php.cn/upload/course/000/000/004/58170b919bc0d569.png” >测试<img src=”http://img.php.cn/upload/course/000/000/004/58170ba6daea4279.png” style=”margin-left: 20px”>2016/10/31</p>
</div>
<div class=”blog-right”><img src=”http://img.php.cn/upload/course/000/000/004/58170bc487acc779.jpg”></div>
</li>
</ul>
</div>
<div class=”page”>
<a href=”#”>首页</a> <a href=”#”>1</a> <a href=”#”>2</a> <a href=”#”>3</a> <a href=”#”>…</a> <a href=”#”>尾页</a>
</div>
<div id=”bottom”>
<div id=”bottom-content”>
<div id=”content-left”>
<p><img src=”img/3.jpg” height=”150px”></p>
<p> 网站位置 | 关于我们 |意见反馈|免责声明</p>
<p>合作伙伴</p>
</div>
<div id=”content-right”>
<p>友情链接</p>
<p>包罗万象网</p>
<p>公司网站:http://www.baoluowanxiang.com</p>
</div>
</div>
</div>
</body>
</html>

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注