2.软文推荐
3.软文推荐
background-color:black; color:white; text-align:center; padding:5px; } #nav { line-height:30px; background-color:#eeeeee; height:300px; width:100px; float:left; padding:5px; } #section { width:350px; float:left; padding:10px; } #footer { background-color:black; color:white; clear:both; text-align:center; padding:5px; } HTML 布局方法要想让你的网站更好看,布局非常重要.要非常细心的设计你网页布局,本篇文章重点为大家讲解一下HTML 布局
使用
元素的 HTML 布局
注释:
元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。
这个例子使用了四个
元素来创建多列布局:
实例
"header">
City Gallery
"nav">
London
Paris
Tokyo
"section">
London
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
"footer">
Copyright W3School.com.cn
CSS:
使用 HTML5 的网站布局
HTML5 提供的新语义元素定义了网页的不同部分:
HTML5 语义元素
| header | 定义文档或节的页眉 |
|---|---|
| nav | 定义导航链接的容器 |
| section | 定义文档中的节 |
| article | 定义独立的自包含文章 |
| aside | 定义内容之外的内容(比如侧栏) |
| footer | 定义文档或节的页脚 |
| details | 定义额外的细节 |
| summary | 定义 details 元素的标题 |
这个例子使用

立即
返回
1
目录:1、云服务器几核CPU几G内存几M带宽才足够使用?2、怎么选择云服务器配置3、如果云服务器在线升级会造成数据丢失吗?4、登录华为桌...