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?"
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data.
Then it transforms data instantly or auto-generates royalty-free data integration code for recurrent conversions.
New features in Version 2010!
Download a free, fully functional 30-day trial to experience the following features:
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
Download a fully-functional trial today!
|
|
|
|
