用html,CSS 写一个静态的博客网页
2024-08-24 12:43:01
<!doctype html>
<html>
<br/><br/><br/>
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 加多宝</title> <style type="text/css">
a
{
font-weight:bold;
color:#;
text-decoration:none;
}
body
{
text-align:center;
width:1000px;
margin: auto;
background-color:white;
}
#right
{ }
#header
{ }
#contain
{ } #bottom
{ }
.date
{
font-size:10px;
color:gray;
margin:1px 20px;
text-align:left;
} h2,h1{
text-align:left;
} </style>
</head> <body>
<!-- 首部 header -->
<div id="header">
<h1>加多宝</h1>
<br />
<hr align="center" width="100%"/> <a href="http://www.w3school.com.cn">首页 </a>
<a href="http://www.w3school.com.cn">日志 </a>
<a href="http://www.w3school.com.cn">相册 </a>
<a href="http://www.w3school.com.cn">音乐 </a>
<a href="http://www.w3school.com.cn">收藏 </a>
<a href="http://www.w3school.com.cn">关于我</a>
<hr />
</div>
<!-- 左侧 -->
<div id="right" style="width:20%;position:absolute;right:10px;text-align:left;">
<hr style="width:0px;height:600px;position:absolute;right:350px;" />
<p id="top" style="color:gray;font-size:40px;">置顶文章</p>
<hr/>
<a href="http://www.w3school.com.cn">程序员的创业陷阱:接私活</a><br/><br/>
<a href="http://www.w3school.com.cn">在线实例测试工具</a><br/><br/>
<a href="http://www.w3school.com.cn">跳检测【非常牛逼,有截图哦~】</a><br/><br/>
<a href="http://www.w3school.com.cn">参考手册</a><br/><br/>
<a href="http://www.w3school.com.cn">完整的网站技术</a><br/><br/> </div>
<!-- 中部 center -->
<div id="contain" style="width:70%">
<div id="head1">
<h2>、website Demo测试标题”</h2>
<p class="date">July , </p>
<p>.8月15日,是北京“大棚房”的大限。此前,北京市政府常务会决定,全市清理“大棚房”要在8月15日前整改到位。
“大棚房”清零已是箭在弦上。借助“疏整促”的东风,北京地毯式清查全市“大棚房”,还定下了8月15日这个最后时限,力度空前,推进迅速。据媒体报道,目前各区基本完成了清理任务。
“大棚房”,顾名思义就是盖在农田上的房子,一般都是违法建设,不然也与违法建设有千丝万缕的联系。“大棚房”硬化了耕地,几乎都改变了“看护用房”的用途,而且面积动辄百十平米以上,盖在农田上十分刺眼,是一块块农田上的硬伤。......</p> </div>
<div id="head1">
<h2>、website Demo测试标题”</h2>
<p class="date">July , </p>
<p>.8月15日,是北京“大棚房”的大限。此前,北京市政府常务会决定,全市清理“大棚房”要在8月15日前整改到位。
“大棚房”清零已是箭在弦上。借助“疏整促”的东风,北京地毯式清查全市“大棚房”,还定下了8月15日这个最后时限,力度空前,推进迅速。据媒体报道,目前各区基本完成了清理任务。
“大棚房”,顾名思义就是盖在农田上的房子,一般都是违法建设,不然也与违法建设有千丝万缕的联系。“大棚房”硬化了耕地,几乎都改变了“看护用房”的用途,而且面积动辄百十平米以上,盖在农田上十分刺眼,是一块块农田上的硬伤。......</p>
</div>
<div id="head1">
<h2>、website Demo测试标题”</h2>
<p class="date">July , </p>
<p>.8月15日,是北京“大棚房”的大限。此前,北京市政府常务会决定,全市清理“大棚房”要在8月15日前整改到位。
“大棚房”清零已是箭在弦上。借助“疏整促”的东风,北京地毯式清查全市“大棚房”,还定下了8月15日这个最后时限,力度空前,推进迅速。据媒体报道,目前各区基本完成了清理任务。
“大棚房”,顾名思义就是盖在农田上的房子,一般都是违法建设,不然也与违法建设有千丝万缕的联系。“大棚房”硬化了耕地,几乎都改变了“看护用房”的用途,而且面积动辄百十平米以上,盖在农田上十分刺眼,是一块块农田上的硬伤。......</p>
</div> </div > <hr /> <!-- 底部 bottom -->
<div id="bottom">
<div class="copyRight" >
<p>© 铖意. Powered by FarBox. Theme by cho</p>
</div>
</div> </body> </html>
最新文章
- 自动化运维,远程交互从服务器A上ssh到服务器B上,然后执行服务器B上的命令。
- 每天一个linux命令(6):mv命令
- shell变量的使用
- linux包之sysstat之mpstat与pidstat命令
- STM32 使用 printf 发送数据配置方法 -- 串口 UART, JTAG SWO, JLINK RTT
- 【C语言】02-函数
- Attribute (一)
- windows程序设计简介
- EassyMock实践 捕获参数
- hdu_5762_Teacher Bo(鸽笼原理)
- 完整版getByClass2016/4/20
- Lesson 26 The best art critics
- 小记 ArchLinux 下 Typora 无法输入中文
- cas单点登录-jdbc认证(三)
- web.xml中context-param详解
- eclipse创建spring boot项目加载不到application.properties配置文件
- XML DOM(Document Object Model)
- SELECT语句逻辑运行顺序,你知道吗?
- python全栈开发_day6_元组,字典,集合
- Angular4+NodeJs+MySQL 入门-01