页面布局:
标题:前端的一部分,用于页面顶部。标签用于在网页中添加标题部分。
导航栏:导航栏与菜单列表相同。它用于使用超链接显示内容信息。
索引/侧边栏:它包含其他信息或广告,并不总是需要添加到页面中。
内容部分:内容部分是显示内容的主要部分。
页脚:页脚部分包含联系信息和与网页相关的其他查询。页脚部分始终放在网页的底部。标签用于设置网页中的页脚。
使用表格布局
最简单和最流行的创建布局的方法是使用HTML
例
例如,使用包含3行和2列的表来实现以下HTML布局示例,但页眉和页脚列使用colspan属性跨越两列
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
标题 | |
侧边栏 | 内容 |
页脚 |
效果图:
多列布局
将网页内容放在多个页面中,可以将内容保留在中间列中,也可以使用左栏使用菜单,右栏可以用于放置广告或其他内容。
1
2
3
4
5
6
7
8
9
10
11
12
13
左菜单 | 内容 | 右菜单 |
效果图:
使用div布局
元素是用于对HTML元素进行分组的块级元素。虽然
标记是块级元素,但HTML
元素用于在内联级别对元素进行分组
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
标题
左侧栏
内容
右侧栏
页脚
效果图:
总结:以上就是本篇文章的全部内容,希望对大家有所帮助。