Scribd Logo
Unggah

Selamat datang di Scribd!

  • KK

    Diunggah oleh

    unicom123
    33 tayangan6 halaman
    HTML tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells. Td stands for "table data," and holds the content of a data cell.

    Deskripsi Asli:

    Judul Asli

    kk

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    HTML tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells. Td stands for "table data," and holds the content of a data cell.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    33 tayangan6 halaman

    KK

    Diunggah oleh

    unicom123
    HTML tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells. Td stands for "table data," and holds the content of a data cell.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 6

    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.

    HTML Table Tags


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

    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

    Tables without borders

    <!DOCTYPE html> <html> <body>

    <h4>This table has no borders:</h4> <table> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table>

    <h4>And this table has no borders:</h4> <table border="0"> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table>

    </body> </html>

    This table has no borders: 100 200 300 400 500 600 And this table has no borders: 100 200 300 400 500 600

    Table headers
    <!DOCTYPE html> <html> <body>

    <h4>Table headers:</h4> <table border="1"> <tr> <th>Name</th> <th>Telephone</th>

    <th>Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table>

    <h4>Vertical headers:</h4> <table border="1"> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th>Telephone:</th> <td>555 77 854</td> </tr> <tr> <th>Telephone:</th> <td>555 77 855</td> </tr> </table> </body> </html>

    Output

    Table headers: Name Telephone Telephone

    Bill Gates 555 77 854 555 77 855 Vertical headers: First Name: Bill Gates Telephone: 555 77 854

    Telephone: 555 77 855

    Table with a caption

    <!DOCTYPE html> <html> <body>

    <table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$50</td> </tr> </table>

    </body> </html>

    Table cells that span more than one row/column


    <!DOCTYPE html> <html> <body>

    <h4>Cell that spans two columns:</h4> <table border="1"> <tr> <th>Name</th>

    <th colspan="2">Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table>

    <h4>Cell that spans two rows:</h4> <table border="1"> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th rowspan="2">Telephone:</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table>

    </body> </html>

    Anda mungkin juga menyukai