<!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# DataTable to List<T> based on reflection.

    From https://www.cnblogs.com/zjbky/p/9242140.html static class ExtendClass { public static List<T ...

  2. 在命令提示符下，运行Java程序时，提示"找不到或无法加载主类"

    小白:在命令提示符下,运行Java程序时,提示"找不到或无法加载主类". 大神:运行Java程序的作用是让Java解释器装载,检验并运行字节码文件(.class).因此,在运行Ja ...

  3. grid行高亮显示

    grid var grid = new Ext.RSEGrid({ //数据显示面板 id: 'O005_grid', title: '图纸目录', loadMask: true, autoScrol ...

  4. AE单词备忘

    类的基本特性内 approved 已批准 implemented 已实施 mandatory 强制性的 proposed 偍仪的 validated 已验证

  5. Nginx配置实例-反向代理实现浏览器请求Nginx跳转到服务器某页面

    场景 Ubuntu Server 16.04 LTS上怎样安装下载安装Nginx并启动: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detai ...

  6. 去除TextView设置lineSpacingExtra后，最后一行多出的空白

    转载请标明出处:https://www.cnblogs.com/tangZH/p/11985745.html 有些手机中,给TextView设置lineSpacingExtra后会出现最后一行的文字也 ...

  7. EF Core 中处理 1对1 关系

    最近在开发记录感想功能的时候用到了1对1的数据关系,具体情况是这样的,有这样两个1对1的类型 public class Item { public int Id { get; set; } publi ...

  8. Xposed反射字段流程分析

    在XposedBridge源码中,反射字段的方法封装在de.robv.android.xposed.XposedHelpers类里面.下面来看看Xposed是如何获取和设置字段的值的 获取字段的值 获 ...

  9. vue组件之间的通信方式

    组件之间的通信方式有很多种 这里分享4种组件之间的通信方式 props(主要是父传子)  自定义事件(主要是子传父)  pubsub消息订阅与发布  xuex 1.props和自定义事件 app.vu ...

  10. IT兄弟连 HTML5教程 CSS3属性特效 CSS3背景

    CSS3规范中对背景这一部分,新加入了一些有用的功能,如可以设置多个背景图片.可以指定背景大小.设置背景渐变等功能.CSS3规范中定义的背景属性新增了background-clip.backgroun ...