请用html5标准完成以下页面布局(要求完整书写整个页面的html代码,不需要写CSS)
来源:互联网 发布:淘宝美工工具 编辑:程序博客网 时间:2024/05/21 19:38
(1)、请用html5标准完成以下页面布局(要求完整书写整个页面的html代码,不需要写CSS)
<!-- 写得有点罗嗦,里面很多css可以归纳出来一个的,另外,这个页面也具有响应式web设计的味道,浏览器缩小,相应版块也会适当缩小-->
<!DOCTYPE html><html> <head> <title></title> <meta charset="utf8"> <style> body{margin:0;padding:0;} header{ border:solid 1px #CCC; border-radius:5px 5px 5px 5px; text-align:center; } .h20{height:60px;} .h40{height:40px;} .h500{height:500px;} nav{ border:solid 1px #CCC; border-radius: 5px 5px 5px 5px; margin:30px 0; text-align: center; } article{ border:solid 1px #CCC; border-radius:5px 5px 5px 5px; margin:20px 25%; position:absolute; width:74%; text-align: center; } aside{ border:solid 1px #ccc; border-radius:5px 5px 5px 5px; margin:20px 0 0 10px; width:20%; text-align: center; float:left; } footer{ border:solid 1px #CCC; border-radius:5px 5px 5px 5px; margin:20px 0; margin-top:540px; text-align: center; } .hauto{ border:none 1px #CCC; border-radius:5px 5px 5px 5px; margin:auto 0; width:100%; text-align: center; } </style> </head> <header class="h20">页头</header> <nav class="h40">导航 </nav> <body> <article class="hauto"> <aside class="h500"> 侧边栏</aside> <article class="h500"> 内容区 </article> <footer class="h40">页尾</footer> </article> </body></html>
0 0
- 请用html5标准完成以下页面布局(要求完整书写整个页面的html代码,不需要写CSS)
- no.2-请用html5标准完成以下页面布局(要求完整书写整个页面的html代码,不需要写CSS)
- 使用html来定制编辑页面,不需要写代码就可以实现业务处理的界面
- css 使整个html页面变灰
- html DIV+CSS 页面布局
- html访问php,返回了整个PHP的页面代码?
- 完整的boostrap布局页面
- 页面上现有ProgressBar控件progressBar,请用书写线程以10秒的的时间完成其进度显示工作。
- 页面上现有ProgressBar控件progressBar,请用书写线程以10秒的的时间完成其进度显示工作
- html的乍么使整个页面居中
- 以下html标记会影响jsp页面布局
- 省市县不刷页面js 完成html代码
- 用iframe 引入整个html页面
- layoutit+Bootstrap html页面布局+CSS
- 7-HTML+CSS页面布局重点总结
- 写HTML+CSS页面时遇到的坑
- 请写一个简单的幻灯效果页面,不使用JS来完成怎么做
- 请写一个简单的幻灯效果页面。如果不使用JS来完成,可以加分。
- C程序设计Week11作业
- C#中常用的几种读取XML文件的方法
- memcached命令行参数说明
- 第六讲:使用Store查看邮件(1)
- Oracle 索引的维护
- 请用html5标准完成以下页面布局(要求完整书写整个页面的html代码,不需要写CSS)
- 求交通仿真程序
- CoreData
- mount -t cifs失败
- oracle索引
- MySql外键设置详解
- 遍历JavaScript对象的所有属性
- Oracle---nvl 函数
- poj1017