HTML Table: Inserting an image to a row spanning column

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

In the old days, we have always used table to layout a page.

We can create a row spanning column and insert an image there.

<!DOCTYPE html>
<html>
<head lang='en'>     
    <meta charset='UTF-8'>
    <title>Codecrawl.com-HTML Table</title>
</head>
<body>

<table border='1' width='80%'>
    <tr>
        <th>ID</th>
        <th>Artiste</th>
        <th>Album</th>
        <th rowspan="3"><img src='http://codecrawl.com/code/images/oasis.jpg' width='60' height='60'></th>
    </tr>
    <tr>
        <td>1</td>
        <td>Rod Stewart</td>
        <td>Maggie May</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Oasis</td>
        <td>Nevermind</td>
    </tr>
</table>

</body>
</html>


Image In A Table

Series Navigation<< HTML Table: An example on using rowspan
HTML Table: Laying out a page using table >>

Leave a comment

Leave a Reply