<!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. 代码的鲁棒性:链表中倒数第k个结点

    题目描述 输入一个链表,输出该链表中倒数第k个结点.例如:输入一个链表,输出该链表中倒数第k个结点.为了符合大多数人的习惯,本题从1开始计数,即链表的尾结点是倒数第1个结点.例如一个链表有6个结点,从 ...

  2. Yii2 框架整体结构

    Yii2框架是一个非常庞大但是并不臃肿的 php 框架.使用 Yii2 框架,可以极大的提升开发效率. 秉持着要知其然也要知其所以然的思想,花了一周的时间,看了 linuor 的 <深入理解Yi ...

  3. Elasticsearch(GEO)数据写入和空间检索

    Elasticsearch简介 什么是 Elasticsearch? Elasticsearch 是一个开源的分布式 RESTful搜索和分析引擎,能够解决越来越多不同的应用场景. 本文内容 本文主要 ...

  4. Matlab非线性规划

    非线性规划 在matlab非线性规划数学模型可以写成一下形式: \[ minf(x)\\ s.t.\begin{cases} Ax \le B \\ Aeq·x = Beq\\ C(x) \le 0\ ...

  5. Pick of the Week'19 | Nebula 第 45 周看点--Nebula 到底是不是原生存储？

    每周五 Nebula 为你播报每周看点,每周看点由本周大事件.用户问答.Nebula 产品动态和推荐阅读构成. 今天是 2019 年第 45 个工作周的周五,来和 Nebula 看看本周有什么图数据库 ...

  6. .Net Core 项目发布到Linux - CentOS 7（一）

    由于项目的需求,需要发布到Linux服务器上,在这里记录一下我发布的过程. 安装Linux 安装liunx系统很简单,网上也有很多教程,我是直接使用阿里云的CentOS 7.7 64位 部署环境 Li ...

  7. 对Python中一些“坑”的总结及技巧

    一.赋值即定义 1.运行以下代码会出现报错 #!/usr/bin/env python #_*_conding:utf-8_*_ x = 100 def outer(): def inner(): x ...

  8. GO基础之异常处理

    一.异常 1. 错误指程序中出现不正常的情况,从而导致程序无法正常执行.•大多语言中使用try... catch... finally语句执行.假设我们正在尝试打开一个文件,文件系统中不存在这个文件. ...

  9. Class文件结构-实例学习笔记

  10. [转]UiPath Studio Community如何连接orchestrator (Level2讲解)

    本文转自:https://mp.weixin.qq.com/s/_IWsUB94nT0QwQ6t1IK0Dg https://blog.csdn.net/weixin_45000314/article ...