<!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>

用html，CSS 写一个静态的博客网页的更多相关文章

  1. 2019基于Hexo快速搭建个人博客，打造一个炫酷博客(1)-奥怪的小栈

    本文转载于:奥怪的小栈 这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建.并完成SEO优化,打造一个炫酷博客. 本站基于HEXO+Github搭建.所以你需要 ...

  2. Django1.8教程——从零开始搭建一个完整django博客（一）

    第一个Django项目将是一个完整的博客网站.它和我们博客园使用的博客别无二致,一样有分类.标签.归档.查询等功能.如果你对Django感兴趣的话,这是一个绝好的机会.该教程将和你一起,从零开始,搭建 ...

  3. MWeb 生成静态网站&博客

    MWeb 生成静态网站 & 博客 MWeb 的静态网站分类 在 MWeb 的文档库中,有两种分类,一种是普通分类,另一种就是静态网站分类了.你可以直接新增一个静态网站分类,也可以在普通分类的顶 ...

  4. Express入门教程：一个简单的博客

    来自:  http://ourjs.com/detail/56b2a6f088feaf2d031d2468 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, ...

  5. 用express搭建一个简单的博客系统

    转自:https://blog.csdn.net/qq_29721837/article/details/62055603 Express 简介 Express 是一个简洁而灵活的 node.js W ...

  6. 使用Phalcon框架开发一个简易的博客系统

    使用Phalcon PHP框架开发一个简易的博客系统(类似于CMS) 最近在做Phalcon(Phalcon在英文中指的是鸟类中飞得最快的那一个物种,由于是高性能框架,借用了这个词)相关的项目,由于刚 ...

  7. Atitit.如何文章写好 论文 文章 如何写好论文 技术博客 v4

    Atitit.如何文章写好 论文  文章  如何写好论文 技术博客 1. 原则 2 1.1. 有深度, 有广度 2 1.2. 业务通用性有通用性 尽可能向上抽象一俩层..业务通用性与语言通用性. 2 ...

  8. Atitit.如何文章写好 论文 文章 如何写好论文 技术博客

    Atitit.如何文章写好 论文  文章  如何写好论文 技术博客 1. 原则 1 1.1. 有深度, 有广度 1 1.2. 业务通用性有通用性 尽可能向上抽象一俩层..业务通用性与语言通用性. 2 ...

  9. Django 学习笔记之六 建立一个简单的博客应用程序

    最近在学习django时建立了一个简单的博客应用程序,现在把简单的步骤说一下.本人的用的版本是python 2.7.3和django 1.10.3,Windows10系统 1.首先通过命令建立项目和a ...

随机推荐

  1. C# -- DateTime与TimeSpan

    1. DateTime的使用 DateTime dt = DateTime.Now; StringBuilder sb = new StringBuilder(); sb.AppendLine(str ...

  2. LICEcap 动画屏幕录制软件

    下载地址    https://licecap.en.softonic.com/ LICEcap捕捉屏幕的区域并保存为gif动画或lcf格式 效果请看下面的链接 https://www.cnblogs ...

  3. Java中数组与集合的相互转换

    数组与List的相互转换 List转数组:采用集合的toArray()方法 数组转List:采用Arrays的asList()方法 数组转换为集合 注意:在数组转集合的过程中,要注意是否使用了视图的方 ...

  4. Mysql 的异常：The last packet successfully received from the server was 90 milliseconds ago. The last packet sent successfully to the server was 43,603,303 milliseconds ago. is longer than the server con

    调试一个程序, 调试到一半, 下班回家, 程序卡在了某一行, 第二天早上回来一看, 发现了异常: Wed Sep :: GMT+: WARN: Establishing SSL connection ...

  5. Java 程序员最喜欢使用的日常工具

    多年来,Java 始终是企业应用程序的支柱.最近几年,Java 也是 Android 开发的首选编程语言.不过开发人员如何使用这种语言呢?一项新的研究阐明了主要使用 Java 的开发人员的工作类型,以 ...

  6. 设置Redis的LRU策略

    概念 LRU(Least Recently Used)最近最少使用算法是众多置换算法中的一种. maxmemory Redis中有一个maxmemory概念,主要是为了将使用的内存限定在一个固定的大小 ...

  7. 3、nio中的selector使用

    通过编写一个客户端和服务器端的例子来熟悉selector的使用 服务端逻辑: 1. 绑定一个端口号2. channel注册到selector中3. 用死循环来监听如果有时间发生,遍历selection ...

  8. mysql 8.0 忘记root密码后重置

    最近状态很不好,一直晕晕晕晕晕晕乎乎的,一个测试实例,下班前修改了一下root的密码,接着就下班走人,第二天来发现root密码忘了 刚好自动化安装脚本整理好了,本来想着算了直接重装实例得了,简单省事也 ...

  9. bat批处理执行python 的几种方式

    第一种方式:@echo off C: cd C:\Users\administrator\Desktopstart python apidemo.py exit第二种方式: start cmd /K ...

  10. Struts2.0

    流程详解:   配置详解:   constant  (常用常量配置) 使用Struts2 框架 ,先要导入Struts2 需要的jar 包 , 通过配置中央控制器 以及web.xml 来实现  Str ...