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:

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
JavaScriptThe content is herecopyright
© runoob.com
The above HTML code produces the following results:
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. |