HTML Table: Specifying the width of a column

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

Say we have a table where the first column is a running number and in the example below, an ID, which is a running number.

We would have known that we need a smaller column for this ID.

So the ID column is set at 10%,  the Artiste and Album at 45%.

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

<table border='1' width='100%'>
        <th width='10%'>ID</th>
        <th width='45%'>Artiste</th>
        <th width='45%'>Album</th>
        <td>Rod Stewart</td>
        <td>Maggie May</td>


Width of a column

Series Navigation<< HTML Table: Setting table height
HTML Table: Spanning or merging table cells >>

Leave a comment

Leave a Reply