<!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. .netcore实现一个读写分离的数据库访问中间件

    在实际业务系统中,当单个数据库不能承载负载压力的时候,一般我们采用数据库读写分离的方式来分担数据库负载.主库承担写以及事务操作,从库承担读操作. 为了支持多种数据库我们先定义一个数据类型字典.key为 ...

  2. Sqlite—Python接口

    #!/usr/bin/env python # -*- coding:utf-8 -*- import sqlite3,os,time import traceback class Sqlite(): ...

  3. Cross-Site Scripting:Reflected 跨站点脚本：获取

  4. Ubuntu 18.04安装MySQL

    安装 MySQL 服务端 sudo apt-get install mysql-server 等待安装完成. 检查 mysql 服务状态 servive mysql status 登录 mysql 客 ...

  5. eCharts二三维地图总结

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景 最近多个项目中的登录页面陆续提出了不少地图需求,主要围绕地图的 ...

  6. 基于Python的SQL Server数据库对象同步轻量级实现

    缘由 日常工作中经常遇到类似的问题:把某个服务器上的某些指定的表同步到另外一台服务器.类似需求用SSIS或者其他ETL工作很容易实现,比如用SSIS的话就可以,但会存在相当一部分反复的手工操作.建源的 ...

  7. mysql5.7 找回密码

    初次接触数据库,二进制安装了mysql5.7以后发现无法像yum一样在日志中找回初始密码~so 首先关掉启动的数据库: 在my.cnf中新增一句: skip-grant-tables  保存退出重启m ...

  8. 编译原理：直接推导、间接推导、n次推导、规范推导

    直接推导,直接运用规则进行的推导 间接推导.n次推导 有两种符号 第一种是,表示多次运用直接推导 第二种是,表示零次或多次运用直接推导 n表示中间的步骤数 规范推导 其实就是最右推导

  9. docker工具之基本命令

    docker工具之基本命令 1.docker服务的启动.停止.重启 systemctl start docker #启动docker服务 systemctl daemon-reload #守护进程重启 ...

  10. Objective-C中 #include 和 #import 的区别

    由于 Objective-C 兼容 C 语言,所以导入文件时, 可以使用 #include,也可以使用 #import (Objective-C 新增的) 如: #include <stdio. ...