Home › HTML Tutorial

HTML Webpage Design

Desing a WebPage using HTML

This page will basically disscuss the layout of webpage. By using the attributes of the HTML markup, one is always able to create an excellent layout of a webpage. Here I will discuss some famous layouts in HTML. As this page does not suppose you to know CSS, all the design is purely HTML based and that too on tables. The initial template should be developed from a source code similar to the one given below.

Code
<html>
<head>Tutorial India</head>
<body>
</body>
</html>

We start with writing the above code to create a valid HTML code. Only the title of the Webpage has been put so far. Most of the webpages are three part layout. We can achieve this in the following two ways.

  1. Using single table.
  2. Using multiple tables.
  • Using single tables
    • Divide the page in two rows. Assign the top row a fixed height. Assign the first row a column span of two.
    • Insert two cells in the bottom row. Assign a fixed width to the cell on left and the rest of the length to the right cell. Since the left cell is to be used for navigation purpose only, we assign it a smaller length to it.
  • Using Multiple tables
    • Divide the page in two rows. Assign the top row a fixed height.
    • Insert a new table with one single row will two cells, inside the second row.
    End Of HTML Tutorial: Where Now?

    If you have mastered all the basic concepts this free tutorial has offered, You are ready to learn the server side scriptiong language PHP. Learning PHP will help you to create dynamic pages.
    However Before that...

    You should now be ready to complete the HTML Project using FORMS. Here you will create an HTML form which you will be using when we learn the PHP.

    Visit the website of the world wide web consortium to learn about all the attributes, various HTML specifications etc. etc.

    All the Best!

    • 1808 reads