源代码下载：

html5文件布局结构

html5文件布局结构html5语言标记

浏览器执行效果

html5文件源代码

first html5 page

body {

margin: 0 auto;

width: 900px;

background: #fff;

font: 100%/1.4 helvetica, arial, sans-serif;

}

header {

background: #ccc;

padding: 20px;

}

header h1 {

margin: 0;

}

nav {

float: left;

width: 900px;

background: #333;

}

nav ul {

margin: 0;

padding: 0;

}

nav ul li {

list-style-type: none;

display: inline;

}

nav li a {

display: block;

float: left;

padding: 5px 10px;

color: #fff;

text-decoration: none;

border-right: 1px solid #fff;

}

article {

clear: left;

float: left;

width: 560px;

padding: 20px 0;

margin: 0 0 0 30px;

display: inline;

}

article h2 {

margin: 0;

}

aside {

float: right;

width: 240px;

padding: 20px 0;

margin: 0 20px 0 0;

display: inline;

}

aside h3 {

margin: 0;

}

footer {

clear: both;

background: #ccc;

text-align: right;

padding: 20px;

height: 1%;

}

头部

Home
About
Contact

My Article

this is first article

this is second article,I'm

Hongten

this is third article

this is 4's article

hongtenzone@foxmail.com ||

Hongten

html5学生作业简单源代码,html5 简单实例源代码相关推荐

HTML5期末大作业：红酒主题——简单的品牌红酒销售网页设计(4页) HTML+CSS+JavaScript 期末大作业HTML代码
HTML5期末大作业:红酒主题--简单的品牌红酒销售网页设计(4页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末大作业下载 web网页设计制作成品常见网页设计 ...
简单网页HTML5源代码
简单网页HTML5源代码 <!DOCTYPE html> <html><head><meta charset="utf-8">< ...
html作品简介代码,HTML5的标签的代码的简单介绍 HTML5标签的简介
HTML5的标签的代码的简单介绍 HTML5标签的简介发布时间:2012-05-28 14:43:34 作者:佚名我要评论本文主要介绍了HTML5的标签.不同于以前的标签.更简单.更方便 ...
简单的html5 readAsDataURL img和base64互相转换
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> & ...
蛋花花简单阐述HTML5和Web前端的区别
蛋花花简单阐述HTML5和Web前端的区别!据蛋花花了解随着互联网的快速发展,互联网软件开发行业就随之兴起,如今随着HTML5的广泛应用,大家对web前端行业的关注和了解也日渐增多.根据的蛋花花的了解 ...
简单的html5,简单的HTML5初步入门教程
HTML5 代表未来:W3C ( World Wide Web Consortium, 万维网联盟) 已经放弃 XHTML,从而使 HTML5 成为正式标准并得到认可. HTML5 是下一代的 HTM ...
html5 制作书架展示 PHP,简单做出HTML5翻页效果文字特效
简单做出HTML5翻页效果文字特效之前在网上看到一款比较有新意的HTML5文字特效,文字效果是当鼠标滑过是出现翻开折叠的效果,类似书本翻页.于是我兴致勃勃的点开源码看了一下,发现其实实现也挺简单的, ...
HTML5 - 最简单的html5网页格式样例
原文出自:www.hangge.com 转载请保留原文链接:http://www.hangge.com/blog/cache/detail_818.html 下面是一个最简单的HTML5文档. 可以看 ...
使用HBuilder制作一个简单的HTML5网页
使用HBuilder制作一个简单的HTML5网页写在前面:开始入门网页制作,写下第一篇博文作为记录.纯纯小白一个,如有阅览者,欢迎批评指正!❤ 先放上效果图: 使用HBuilderX编辑器创建一个& ...
web学生网页设计作业源码 HTML5+CSS大作业——三八女人节主题设计(1页)
HTML5+CSS大作业文章目录 HTML5+CSS大作业一.作品展示二.文件目录三.代码实现一.作品展示二.文件目录三.代码实现 <!DOCTYPE html><ht ...

html5学生作业简单源代码,html5 简单实例源代码

头部

My Article

html5学生作业简单源代码,html5 简单实例源代码相关推荐

最新文章

热门文章