请用html5标准完成以下页面布局(要求完整书写整个页面的html代码，不需要写CSS)

（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>

请用html5标准完成以下页面布局(要求完整书写整个页面的html代码，不需要写CSS)相关推荐

分享个打开a页面自动跳转到b页面的HTML代码
代码如下:<html><head><title>页面跳转</title><script language="javascript&quo ...
html5 移动端单页面布局
序移动端的web网页使用的是响应式设计,但一般我们看到的网站页面都是跳转刷新得到的,比如通过点击一个menu后进入到另一个页面今天来说下是移动端的单页面的布局.单页面就是一切操作和布局都 ...
在制作html页面时,在制作Xhtml页面时是先写HTML代码还是先写CSS代码
满意答案 junxiu_love 推荐于 2017.12.16 带着这个问题我们将来讲解到底先写CSS好还是先写html. 网上有很多种对此的答案:先写HTML后写CSS:先写CSS后写HTML:两者 ...
html5 移动端单页面布局,移动端单页布局-如何更好的自适应各尺寸屏幕
#### 移动端单屏布局 > 本篇不属于汇总类的文章,而是把自认为最优的解决方案来进行一些说明. #### 为什么会有单屏布局作为一个前端开发者,我是实在没有理解单屏布局的优势在哪里,尤其是要 ...
如何单页面Vue应用转化成多页面的Vue应用
准备工作在本地用vue-cli新建一个项目,这个步骤vue的官网上有,我就不再说了. 这里有一个地方需要改一下,在执行npm install命令之前,在package.json里添加一个依赖,后面会 ...
调用二级页面的html代码,从一级页面直接调用二级页面中的iframe框架
上次写了篇调用iframe框架页面的文章,今天继续说一下怎么从一级页面跳转到指定的二级页面中的iframe框架的问题.( 太绕口了) 继续以我做的网站为例子,演示地址是http://www.super ...
java openurl不弹出新页面_Java调用浏览器打开指定页面的5种方法(最全)
package com.xbz; import java.awt.*; import java.lang.reflect.Method; import java.net.URI; import jav ...
html5正在加载数据,JSP如何做正在加载数据,请稍等...这样的提示页面 loding。。。...
http://fantasy.iteye.com/blog/67320 ----------------------- 用ajax:ajax发个异步请求的时候调用一个div显示数据正在加载中 -- ...
后台管理页面布局（左侧导航长度根据右侧内容无限延伸）
2019独角兽企业重金招聘Python工程师标准>>> 如图为标准后台管理页面布局,左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度. 但是这种布局会 ...
element-UI栅格系统缩放，导致页面布局效果bug? 叠加？错位？
这里以此代码片段为例说明一则bug,请bug对号入座.(bug截图省略) 页面的栅格缩放,导致页面布局发生叠加错位? 一.坑1 · 引言: (先来一则bug代码) <el-card v-for= ...

请用html5标准完成以下页面布局(要求完整书写整个页面的html代码，不需要写CSS)

请用html5标准完成以下页面布局(要求完整书写整个页面的html代码，不需要写CSS)相关推荐

最新文章

热门文章