<!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. flask项目统一捕获异常并自定义异常信息

    背景:      在日常编写了一些flask项目,主要用于测试方面的mock场景,但迭代到后期发现有时候会抛出各种乱七八糟的异常或者直接500且没有任何异常信息,这种情况一般都是某个代码块没有用try ...

  2. Spring Boot 2.X 国际化

    国际化文件的编写 messages.properties init project 7月前 messages_en_US.properties init project 7月前 messages_zh ...

  3. Java基础语法05-面向对象-封装-包-构造器-初始化

    封装 面向对象三大特性:封装.继承.多态 封装的好处 1.调用者:方便使用/简化使用 2.设计者:安全,可控 隐藏对象内部的复杂性,只对外公开简单的接口.便于外界调用,从而提高系统的可扩展性.可维护性 ...

  4. .net core 获取树莓派的机器码，唯一ID，唯一串号

    今天在实际开发树莓派程序的时候,碰到了一个问题,需要获取到树莓派的唯一串号信息.必须在.net core的环境下: 那么如何实现呢?我们先查找树莓派的基本信息是储存在哪里的? 我们在下面的路径里找到了 ...

  5. DataGridView使用自定义控件实现简单分页功能

    本例子使用自定义控件方法实现,数据库使用的是SQL Server,实现过程如下: 1.新建一个自定义控件,命名为:PageControl. 2.PageControl代码如下: public part ...

  6. Zeus:1 Vulnhub Walkthrough

    主机层面扫描: ╰─ nmap -p1-65535 -sV -A 10.10.202.14 PORT STATE SERVICE VERSION21/tcp open ftp vsftpd 2.0.8 ...

  7. Android开发之OkHttp介绍

    要论时下最火的网络请求框架,当属OkHttp了.自从Android4.4开始,google已经开始将源码中的HttpURLConnection替换为OkHttp,而在Android6.0之后的SDK中 ...

  8. Quartznet速记

    参与 https://www.cnblogs.com/lzrabbit/archive/2012/04/14/2371420.html 1.XML配置 参考:https://www.cnblogs.c ...

  9. Linux中jar包启动和jar包后台运行

    Linux 运行jar包命令如下: 方式一: java -jar shareniu.jar 特点:当前ssh窗口被锁定,可按CTRL + C打断程序运行,或直接关闭窗口,程序退出 那如何让窗口不锁定? ...

  10. 用python暴力破解压缩文件并不是万能，至少这个场景我告诉你密码你用代码也破解不了

    看到论坛上各种贴子写用python进行暴力破解的文章,于是自己也想去尝试一下,不试不知道,一试吓一跳,真的就像那句有名的”python由入门到放弃“,把论坛上别人的脚本全部自己敲一遍,运行不报错,但也 ...