1.软文推荐

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 元素的标题

这个例子使用

,以及
来创建多列布局:

实例



City Gallery
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.

Copyright W3School.com.cn

CSS

使用表格的 HTML 布局

注释

元素不是作为布局工具而设计的。

元素的作用是显示表格化的数据。

使用

元素能够取得布局效果,因为能够通过 CSS 设置表格元素的样式:

实例




  
  
    "/images/lamp.jpg" alt="Note" style="height:32px;width:32px">        The table element was not designed to be a layout tool.   

CSS

本文来源:www.lxlinux.net/8151.html,若引用不当,请联系修改。

相关文章 8

1

云服务器升级配置(云服务器主机配置) 2分钟前

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

3

存储管理 -地址空间与重定位 5分钟前

(一)用户程序的地址空间 内存也称主存,是指CPU能直接存取指令和数据的存储器,是现代计算机系统进行操作的中心。 外存也称辅存,是...

5

Linux中使用python-hwinfo获取硬件信息 10分钟前

python-hwinfo通过解析系统工具(例如 lspci 和 dmidecode)的输出,来检查硬件和设备的 Python 库。它提供了一个简单的命令行工具,可以用来检查...

6

10个基于Linux的防火墙了解一下 11分钟前

防火墙是系统或网络中重要的安全的基本组件之一。防火墙是一台介于本地网络和外部网络之间的计算机,用于监视、分析和管理传入和传...

7

快速部署Docker 数据中心 12分钟前

Docker 数据中心 CaaS 平台为各种规模的企业的敏捷应用部署提供了容器和集群的编排和管理,使之更简单、安全和可伸缩。使用新为 Docker 数...

8

包含许昌网站建设的词条 14分钟前

目录:1、许昌宝策网络科技有限公司怎么样?2、鄢陵在线网络科技传媒有限公司怎么样?3、许昌领先文化传媒有限公司怎么样?4、春秋网...