11.17. HTML layout

发布时间 : 2025-10-25 13:33:13 UTC      

Page Views: 10 views

Page layout is very important to improve the appearance of a website.

Please design your web page layout carefully.

11.17.1. Website layout

Most websites put content in multiple columns (like magazines or newspapers).

Most websites can be used

or elements to create multiple columns. CSS is used to locate elements or to create backgrounds and colorful appearances for pages.

Although we can use HTML table tags to design a beautiful layout, but table tags are tables that are not recommended as a cloth tool, not a layout tool.

11.17.2. HTML layout-use < div > elements

div elements are used for grouping HTML the block-level element of the element.

The following example uses five div elements to create a multi-column layout:

Example

   Rookie Tutorial(runoob.com)  Main webpage titles menu
HTML
CSS
JavaScript The content is here

copyright © runoob.com

Above. HTML the code produces the following results:

Image2


11.17.3. HTML layout-working with tables

Use HTML

tags are an easy way to create a layout.

Most sites can use the

or
elements to create multiple columns. CSS is used to locate elements or to create backgrounds and colorful appearances for pages.

Even though you can use HTML tables to create beautiful layouts, the purpose of designing tables is to render tabular data tables, not layout tools!

The following example uses a table with three rows and two columns-the first and last rows use the colspan property to span two columns:

Example

  Rookie Tutorial(runoob.com)  

Main webpage titles

menu
HTML
CSS
JavaScriptcopyright © runoob.com

The above HTML code produces the following results:

Image3

11.17.4. HTML layout-useful tips

Tip: the biggest benefit of using CSS is that the site is easier to maintain if you store the CSS code in an external stylesheet. By editing a single file, you can change the layout of all pages. To learn more about CSS, please visit our CSS tutorial.

Tip: since creating advanced layouts is time-consuming, using templates is a quick option. Many free site templates can be found through search engines (you can use these pre-built site layouts and optimize them).

11.17.5. HTML layout label

Label

Description

< div >

Define document blocks, block level

< span >

Define span to combine inline elements in a document.

《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。