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

Welcome to Scribd!

  • 19 views

    14 Tables

    Uploaded by

    ManishKumar
    The document discusses HTML tables and how to define them using tags. Tables are defined with <table> tags and divided into rows with <tr> tags and cells with <td> tags. Headers are defined with <th> tags and are typically displayed as bold and centered. Attributes like border control whether borders are displayed. The document provides examples of basic tables and describes other tags for styling tables.

    Copyright:

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

    14 Tables

    Uploaded by

    ManishKumar
    19 views4 pages
    The document discusses HTML tables and how to define them using tags. Tables are defined with <table> tags and divided into rows with <tr> tags and cells with <td> tags. Headers are defined with <th> tags and are typically displayed as bold and centered. Attributes like border control whether borders are displayed. The document provides examples of basic tables and describes other tags for styling tables.

    Original Description:

    HTML tables

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document discusses HTML tables and how to define them using tags. Tables are defined with <table> tags and divided into rows with <tr> tags and cells with <td> tags. Headers are defined with <th> tags and are typically displayed as bold and centered. Attributes like border control whether borders are displayed. The document provides examples of basic tables and describes other tags for styling tables.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    19 views4 pages

    14 Tables

    Uploaded by

    ManishKumar
    The document discusses HTML tables and how to define them using tags. Tables are defined with <table> tags and divided into rows with <tr> tags and cells with <td> tags. Headers are defined with <th> tags and are typically displayed as bold and centered. Attributes like border control whether borders are displayed. The document provides examples of basic tables and describes other tags for styling tables.

    Copyright:

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

    HTML Tables

    Previous
    Next Chapter

    HTML Table Example:


    First Name Last Name Points
    Jill

    Smith

    50

    Eve

    Jackson

    94

    John

    Doe

    80

    Adam

    Johnson

    67

    Try it Yourself - Examples


    Tables
    How to create tables in an HTML document.
    (You can find more examples at the bottom of this page).

    HTML Tables
    Tables are defined with the <table> tag.
    A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the
    <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain
    text, links, images, lists, forms, other tables, etc.

    Table Example
    <table border="1">
    <tr>
    <td>row 1, cell 1</td>

    <td>row 1, cell 2</td>


    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
    </tr>
    </table>
    How the HTML code above looks in a browser:
    row 1, cell 1 row 1, cell 2
    row 2, cell 1 row 2, cell 2

    HTML Tables and the Border Attribute


    If you do not specify a border attribute, the table will be displayed without borders. Sometimes
    this can be useful, but most of the time, we want the borders to show.
    To display a table with borders, specify the border attribute:
    <table border="1">
    <tr>
    <td>Row 1, cell 1</td>
    <td>Row 1, cell 2</td>
    </tr>
    </table>

    HTML Table Headers


    Header information in a table are defined with the <th> tag.
    All major browsers display the text in the <th> element as bold and centered.
    <table border="1">
    <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    </tr>
    <tr>
    <td>row 1, cell 1</td>

    <td>row 1, cell 2</td>


    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
    </tr>
    </table>
    How the HTML code above looks in your browser:
    Header 1 Header 2
    row 1, cell 1 row 1, cell 2
    row 2, cell 1 row 2, cell 2

    More Examples
    Tables without borders
    How to create tables without borders.
    Table headers
    How to create table headers.
    Table with a caption
    How to add a caption to a table.
    Table cells that span more than one row/column
    How to define table cells that span more than one row or one column.
    Tags inside a table
    How to display elements inside other elements.
    Cell padding
    How to use cellpadding to create more white space between the cell content and its borders.
    Cell spacing
    How to use cellspacing to increase the distance between the cells.

    HTML Table Tags

    Tag
    Description
    <table>
    Defines a table
    <th>
    Defines a header cell in a table
    <tr>
    Defines a row in a table
    <td>
    Defines a cell in a table
    <caption> Defines a table caption
    <colgroup> Specifies a group of one or more columns in a table for formatting
    <col>
    Specifies column properties for each column within a <colgroup> element
    <thead>
    Groups the header content in a table
    <tbody>
    Groups the body content in a table
    <tfoot>
    Groups the footer content in a table

    You might also like