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

源代码下载：

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