HTML Layout
Everywhere on the Web you will find pages that are formatted
like newspaper pages using HTML columns.
HTML Layout - Using Tables
| One very common practice with HTML, is to use
HTML tables to format the layout of an HTML page.
A part of this page is formatted with two columns, like a newspaper
page.
As you can see on this page, there is a left column and a right column.
This text is displayed in the left column.
|
An HTML <table> is used to divide a part
of this Web page into two columns.
The trick is to use a table without borders, and maybe a little extra
cell-padding.
No matter how much text you add to this page, it will stay inside its
column borders.
|
Same Layout - Color Added
| One very common practice with HTML, is to use
HTML tables to format the layout of an HTML page.
A part of this page is formatted with two columns, like a newspaper
page.
As you can see at this page, there is a left column and a right column.
|
An HTML <table> is used to divide a part
of this Web page into two columns.
This text is displayed in the right column.
The trick is to use a table without borders, and maybe a little extra
cell-padding.
No matter how much text you add to this page, it will stay inside its
column borders.
|
Examples
Dividing a part of an HTML page into table columns is very easy to do. To let
you experiment with it, we have put together
this
simple example.
HTML Joke
Student: "How do you spell HTML?"
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
|
HOME
Printer friendly page
