HTML Layout

English | French | Portugese | German | Italian

|

|

|

|

|

HTML Tutorials

TCP/IP Tutorial

XML Tutorials

Schema Tutorial

XForms Tutorial

XSL-FO Tutorial

XML DOM Tutorial

XQuery Tutorial

XPointer Tutorial

Web Services Tutorial

Browser Scripting

JavaScript Tutorial

VBScript Tutorial

HTML DOM Tutorial

WMLScript Tutorial

Server Scripting

.NET (dotnet)

XML Web Services

Multimedia

Web Building

Java Tutorials

Servlets Tutorial

Struts Tutorial

Programming Langauges

Visual Basic Tutorial

Data Structures Using C

Soft Skills

Communication Skills

Time Management

Project Management

Leadership Skills

Corporate Communication

Negotiation Skills

HTML Layout

Previous

Next

We can make our Web 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. 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 the page, it will stay inside its column borders.

<table width="10%" cellpadding="10">
    <tr>
        <td>
            Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1
        </td>
        <td>
            Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2
        </td>
    </tr>
</table>

O/P:

Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1

Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2

Same Layout - Color Added

<table width="10%" cellpadding="10">
    <tr>
        <td>
            Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1
        </td>
        <td bgcolor="yellow">
            Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2
        </td>
    </tr>
</table>

O/P:

Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1 Content1

Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2 Content2

Share And Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.

Previous

Next

Keywords:free html layout codes, myspace html layout, html table layout, html tables

HTML Quizes

XML Quizes

Web Services Quiz

Browser Scripting Quizes

JavaScript Quiz

Server Scripting Quizes

.NET (dotnet) Quizes

Microsoft.Net Quiz

XML Web Services Quiz

.Net Mobile Quiz

C# : C Sharp Quiz

Multimedia Quizes

Web Building Quizes

Web Browsers Quiz

Web Hosting Quiz

Web Building Quiz

Web Quality Quiz

Web Semantic Quiz

Web Careers Quiz

Java Quizes

Programming Langauges Quizes

Visual Basic Quiz

Data Structures Using C Quiz

Soft Skills Quizes

Communication Skills Quiz

Time Management Quiz

Project Management Quiz

Leadership Skills Quiz

Corporate Communication Quiz

Negotiation Skills Quiz

Copyright � 2003-2008 Vyom Technosoft Pvt. Ltd., All Rights Reserved.