<!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-新元素新布局模板-完善中
时间: 2024-10-06 05:35:09
html5-新元素新布局模板-完善中的相关文章
html5-新元素新布局模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新元素新布局模板</title> <style type="text/css"> body{height: 608px} header{background: red;width: 1
HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
HTML5新元素及其特性 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 本次学习HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义
(转) 浅析HTML5在移动应用开发中的使用
(转)浅析HTML5在移动应用开发中的使用 (原)http://www.iteye.com/magazines/67 2012-03-07 来自 UECD.163.com 编辑 wangguo 有38498人浏览 收藏 html5 移动开发 app UI < > 猎头职位: 上海: Junior Product Manager 前言 HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE.Chrome.FireFox.Safari,亦或是新出现的浏览器,谁能达到在移动端对
Ajax本地取模板--完善窗口隐藏与共用
Ajax也可以本地取模板 ,示例--完善窗口隐藏与共用,简单示例模板代码放在templet文件夹中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>本地取模板--完善窗口隐藏与共用</title> <style> .add{ width: 300px; background-color: gr
HTML5 新元素、HTML5 Canvas
HTML5 新元素 自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义. 为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等. <canvas> 新元素 标签 描述 <canvas> 标签定义图形,比如图表和其他图像.该标签基于 JavaSc
*HTML5 新元素
HTML5 新元素 自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义. 为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等. <canvas> 新元素 标签 描述 <canvas> 标签定义图形,比如图表和其他图像.该标签基于 JavaSc
在洛谷3369 Treap模板题 中发现的Splay详解
本题的Splay写法(无指针Splay超详细) 前言 首先来讲...终于调出来了55555...调了整整3天..... 看到大部分大佬都是用指针来实现的Splay.小的只是按照Splay的核心思想和原理来进行的.可能会有不妥之处,还请大佬们指出,谢谢! 那么这个题解存在的意义就是让不会敲Splay的人额...会敲Splay啦... 基本思想 数据结构 对于Splay,我定义了一个class类(当成struct就行啦...个人习惯不同啦),定义名称为“Splay”. 之后在类中,我定义了Splay
Django 模板.html中 href参数传入
在Django模板中可能会出现访问多个URL指向同一函数,为减少代码可以利用正则表达式实现 url(r'^remove_userinfo(?P<nid>\d+)/',views.removeuserinfo,name='reinfo'), (?P<nid>\d+)表示此部分的名称为nid,对应removeuserinfo(request,nid)中的nid参数 def removeuserinfo(request,nid): return HttpResponse(nid) 此时
phpcms-v9 前台模板文件中{pc}标签的执行流程
前台pc标签的使用:{pc:content 参数名="参数值" 参数名="参数值" 参数名="参数值"} 如: {pc:content action="lists" catid="9" cache="3600" num="20" page="$page"}{/pc} 执行流程如下: ①模块名:content ②模块类文件:modul