HTML Table: Laying out a page using table

This entry is part 11 of 16 in the series HTML Table

In the old days, we have used HTML table to layout a page instead of using CSS.

Using the earlier example, we could layout a 2-paragraph page using a table.

The main line that I have used to span the picture is:

<th rowspan="3"><img src='' width='300' height='300'></th>

where I have used a rowspan of 3 and specify the width and height of the image to be 300px.

Layout A Page Using Table
<!DOCTYPE html>
<head lang='en'>
    <meta charset='UTF-8'>
    <title> Table</title>

<table border='0' width='100%'>

        <th align='left'>Oasis-The Formation</th>
        <th rowspan="3"><img src='' width='300' height='300'></th>

        <td>Oasis were an English rock band formed in Manchester in 1991. Developed from an earlier group called the
            Rain, the band originally consisted of Liam Gallagher (vocals and tambourine), Paul "Bonehead" Arthurs
            (guitar), Paul "Guigsy" McGuigan (bass guitar) and Tony McCarroll (drums, percussion). They were later
            joined by Liam's older brother Noel Gallagher (lead guitar and vocals) as a fifth member.

        <td>Oasis played their first ever live gig on 18 August 1991 at the Boardwalk club in Manchester. Liam's brother
            Noel Gallagher, who was a roadie for Inspiral Carpets, went with the band to watch his younger brother's
            band play. Whilst Noel and his friends did not think Oasis sounded particularly spectacular, he did begin to
            consider the possibility of using his brother's group as a possible outlet for a series of songs he had been
            writing for several years.

Series Navigation<< HTML Table: Inserting an image to a row spanning column
HTML Table: Styling a table >>

Leave a comment

Leave a Reply