html5 文档元素 布局
2016-08-02 12:36
330 查看
布局效果:
代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>表格元素</title>
<head>
<body>
<header>
<hgroup>
<h1>这里是大标题</h1>
<h4>这里是一个副标题</h4>
</hgroup>
<nav>这里是一个导航</nav>
header这里存放网页的标头部分:logo,标题,导航等
</header>
<section>
这里是文档的主题部分
</section>
<article>///一个小的文篇布局
<header>...</header>
<section>...</section>
<address>...<address>
<footer>...<footer>
</article>
<aside>...</aside>
<footer>
<h4>这里是尾部的副标题
footer这里存放网页的尾部:版权声明,友情链接
<address>这里是联系信息</address>
</footer>
</body>
<html>
ppt:
代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>表格元素</title>
<head>
<body>
<header>
<hgroup>
<h1>这里是大标题</h1>
<h4>这里是一个副标题</h4>
</hgroup>
<nav>这里是一个导航</nav>
header这里存放网页的标头部分:logo,标题,导航等
</header>
<section>
这里是文档的主题部分
</section>
<article>///一个小的文篇布局
<header>...</header>
<section>...</section>
<address>...<address>
<footer>...<footer>
</article>
<aside>...</aside>
<footer>
<h4>这里是尾部的副标题
footer这里存放网页的尾部:版权声明,友情链接
<address>这里是联系信息</address>
</footer>
</body>
<html>
ppt:
相关文章推荐
- 【HTML5学习笔记】6:文档元素的使用
- HTML5之SVG 2D入门8―文档结构及相关元素总结
- HTML5之SVG 2D入门8—文档结构及相关元素总结
- HTML5 1.7 div元素与布局
- html5--2.9新的布局元素(6)-figure/figcaption
- img div 等文档元素居中布局的方法
- HTML5基础(一)——元素、属性、格式化、样式、链接、表格、列表、块、布局
- HTML5学习_day05(1)--html浮动之文档布局
- html5 文档元素 header footer h1h2h4
- html5--2.3新的布局元素(2)-article
- HTML5 文档元素(20160806-0006)
- HTML5中文档结构相关元素
- html5--2.4新的布局元素(3)-section
- 用html5新布局元素代替div元素布局页面
- 第六十四节,html文档布局元素
- HTML5 文档结构元素
- [译]Polymer官方文档-布局元素
- html5--2.5新的布局元素(4)-aside/nav
- HTML5第五章 文档元素
- HTML5 新布局元素<header><article><footer>