<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新元素新布局模板</title>
    <style type="text/css">
        body{height: 608px}
        header{background: red;width: 100%;height: 10%}
        aside{width: 20%;height: 100%;float: left;background: #f0f0f0}
        section{width: 80%;height: 100%;float: left;background: #f8f8f8}
        footer{background: red;width: 100%;height: 10%;clear: left;text-align: center;}
        nav{width: 100%;height:5%;text-align: center;padding: 6px;}
        hgroup{width: 100%;height:5%;text-align: center;padding: 6px;}
        address{width: 100%;padding-top: 20px;}
        li{display: inline;}
        a{text-decoration: none;}
    </style>
</head>
<body>
    <header>
    <hgroup>
        hgroup布局元素
    </hgroup>
        <nav>
            <ul>
        <li><a href="">搜狐</a></li>
        <li><a href="">搜狐</a></li>
        <li><a href="">搜狐</a></li>
        <li><a href="">搜狐</a></li>
        <li><a href="">搜狐</a></li>
        <li><a href="">搜狐</a></li>
        <li><a href="">搜狐</a></li>
            </ul>
        </nav>
    </header>
    <aside>
        <div id="div1">侧边</div>
    </aside>
    <section>
        <div id="div2">主体</div>
    </section>
<footer>
<address>侯伟东，文安县教育局，18022</address>
</footer>
</body>
</html>

html5-新元素新布局模板-完善中的更多相关文章

  1. html5-新元素新布局模板

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  2. （转） 浅析HTML5在移动应用开发中的使用

    (转)浅析HTML5在移动应用开发中的使用 (原)http://www.iteye.com/magazines/67   2012-03-07  来自 UECD.163.com  编辑 wangguo ...

  3. *HTML5 新元素

    HTML5 新元素 自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义. 为了更好地处理今天的互联网应用,HT ...

  4. HTML5 新元素、HTML5 Canvas

    HTML5 新元素 自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义. 为了更好地处理今天的互联网应用,HT ...

  5. 在洛谷3369 Treap模板题 中发现的Splay详解

    本题的Splay写法(无指针Splay超详细) 前言 首先来讲...终于调出来了55555...调了整整3天..... 看到大部分大佬都是用指针来实现的Splay.小的只是按照Splay的核心思想和原 ...

  6. Html5学习2（Html表格、Html列表、Html5新元素、Canvas （坐标、路径、画圆、文本、渐变、图像））

    Html表格 1.表格中的表头:<th></th>.其中表头部分字体加粗,颜色深绿色 <h4>水平标题:</h4> <table border=& ...

  7. c++类模板template中的typename使用方法-超级棒

    转载:https://blog.csdn.net/vanturman/article/details/80269081 如有问题请联系我删除: 目录 起因 typename的常见用法 typename ...

  8. HTML5: HTML5 新元素

    ylbtech-HTML5: HTML5 新元素 1.返回顶部 1. HTML5 新元素 自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在H ...

  9. Mysql基础代码（不断完善中）

    Mysql基础代码,不断完善中~ /* 启动MySQL */ net start mysql /* 连接与断开服务器 */ mysql -h 地址 -P 端口 -u 用户名 -p 密码 /* 跳过权限 ...

随机推荐

  1. Fiddler笔记一移动端连接

    一.下载Fiddler 百度搜索”fiddler 下载“ ,安装最新版本   二.Fiddler手机抓包原理 在本机开启了一个http的代理服务器,然后它会转发所有的http请求和响应. Fiddle ...

  2. uarts裸机程序

    硬件平台:JZ2440 实现功能:向串口软件实现输出putchar函数 start.s   --> 设置堆栈,关闭看门狗,初始化时钟,初始化sdram init.c      -->初始化 ...

  3. java Map 怎么遍历

    java中遍历MAP的几种方法 Java代码 Map<String,String> map=new HashMap<String,String>();    map.put(& ...

  4. Centos6.5+Redmine

    花了两天时间,基于centos6.5操作系统,搭建了redmine环境,在这里记录下过程中遇到的问题以及搭建流程. centos6.5; redmine2.5.0; Ruby1.9.3; step 1 ...

  5. linux 查看系统负载：uptime

    uptime命令用于查看系统负载,跟 w 命令的输出内容一致 [root@mysql ~]# uptime :: up days, :, user, load average: 1.12, 0.97, ...

  6. 帝国cms搜索关键字调用标签(showsearch)怎么用

    前面ytkah介绍了如何让帝国CMS7.2搜索模板支持动态标签调用,现在我们来说说怎么调用帝国cms搜索关键字调用标签(showsearch).在帝国cms后台那边的使用方法:[showsearch] ...

  7. The iOS Simulator deployment target is set to 6.0

    XCODE警告 Showing All Messages :-1: The iOS Simulator deployment target is set to 6.0, but the range o ...

  8. TlistView基本使用

    //增加 procedure TForm1.Button1Click(Sender: TObject); var lsItem: TListItem; begin lsItem := ListView ...

  9. vue中常用的两中页面刷新的方式和页面回退

    这个方法的参数是一个整数,意思是在 history 记录中向前或者后退多少步,类似 window.history.go(n) router.push(location) 想要导航到不同的 URL,则使 ...

  10. 282A

    #include <iostream> #include <string> using namespace std; int main() { int n, plus, sub ...