Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 2 views

    HTML Table 2

    Uploaded by

    priyanshutyagi133

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    HTML Table 2

    Uploaded by

    priyanshutyagi133
    2 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    2 views3 pages

    HTML Table 2

    Uploaded by

    priyanshutyagi133

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 3

    HTML Table Sizes can be specified with different dimensions, either

    individually for each column or row or collectively for the entire table. HTML
    table sizes easily can be with attributes like width, height, and style for a
    clean and organized layout.

    Table of Content

    ● Table Width
    ● Table Column Width
    ● Table Row Height

    Table Width

    To set the size of the entire HTML table, you can use the style attribute
    with the width property. The width of the entire table is set to 50% using the
    style attribute within the <table> tag.

    Example: Implementation to set HTML Table Sizes using width 100%.

    HTML
    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width,initial-scale=1.0">
    <title>HTML Table size</title>
    <style>
    h1,
    h3 {
    text-align: center;
    color: green;
    }
    table {
    border-collapse: collapse;
    width: 100%;
    }

    th,
    td {
    border: 1px solid #7a3f3f;
    padding: 10px;
    text-align: center;
    }

    th {
    background-color: rgb(191, 248, 191);
    }
    </style>
    </head>

    <body>
    <h1>GeeksforGeeks</h1>
    <h3>The TH element defines
    table headers.
    </h3>
    <table>
    <thead>
    <tr>
    <th>Name</th>
    <th>Class</th>
    <th>Roll No</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Mahima</td>
    <td>10</td>
    <td>1</td>
    </tr>
    <tr>
    <td>Krishn</td>
    <td>8</td>
    <td>3</td>
    </tr>
    <tr>
    <td>Shivika</td>
    <td>8</td>
    <td>5</td>
    </tr>
    </tbody>
    </table>
    </body>

    </html>

    Output:

    You might also like