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?"
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
|
