网页的简单布局
HTML系列文章目录
- HTML网页设计：一、HTML的基本结构
- HTML网页设计：二、网页的基本标签
- HTML网页设计：三、图像标签之＜img＞标签
- HTML网页设计：四、超链接
- HTML网页设计：五、行内元素和块元素
- HTML网页设计：六、列表
- HTML网页设计：七、表格
- HTML网页设计：八、媒体元素
- HTML网页设计：九、网页的简单布局
- HTML网页设计：十、iframe内联框架
- HTML网页设计：十一、表单
HTML页面结构分析如下表：
| 元素名 | 描述 |
|---|---|
| header | 标题头部区域的内容（用于页面或页面中的一块区域） |
| footer | 标记脚部区域的内容（用于整个页面或页面的一块区域） |
| section | Web页面中的一块独立区域 |
| article | 独立的文章内容 |
| aside | 相关内容或用于（常用于侧边栏） |
| nav | 导航类辅助内容 |
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>页面结构分析</title>
</head>
<body>
<header> <h2>网页头部</h2> </header>
<section> <h2>网页主体</h2> </section>
<footer> <h2>网页脚部</h2> </footer>
</body>
</html>
更多推荐
HTML网页设计：九、网页的简单布局
发布评论