Scribd Logo
Upload

Welcome to Scribd!

  • 15 views

    Lab Lec7

    Uploaded by

    Haidar
    The document discusses HTML tables and how they are defined using <table>, <tr>, <th>, and <td> tags. It also provides an example of HTML code to create a table with rows, headers and data cells and how to add a border to the table using CSS.

    Copyright:

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

    Lab Lec7

    Uploaded by

    Haidar
    15 views9 pages
    The document discusses HTML tables and how they are defined using <table>, <tr>, <th>, and <td> tags. It also provides an example of HTML code to create a table with rows, headers and data cells and how to add a border to the table using CSS.

    Original Title

    LAB_LEC7

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document discusses HTML tables and how they are defined using <table>, <tr>, <th>, and <td> tags. It also provides an example of HTML code to create a table with rows, headers and data cells and how to add a border to the table using CSS.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    15 views9 pages

    Lab Lec7

    Uploaded by

    Haidar
    The document discusses HTML tables and how they are defined using <table>, <tr>, <th>, and <td> tags. It also provides an example of HTML code to create a table with rows, headers and data cells and how to add a border to the table using CSS.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 9

    Tables

    Tables
     HTML tables allow web developers to arrange
    data into rows and columns
     The <table> tag defines an HTML table.
     Each table row is defined with a <tr> tag.

    Each table header is defined with a <th> tag


     . Each table data/cell is defined with
    a <td> tag.
     By default, the text in <th> elements are bold

    and centered.
     By default, the text in <td> elements are

    regular and left-aligned.


    Q: Write HTML code to create table.
    <HTML>
    <Head>
    <Title>
    Record of Doctors
    </Title>
    </head>
    <body>
    <table style="width:100%">
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
      </tr>
      <tr>
      
     <td>Ahmed</td>
        <td>Ali</td>
        <td>50</td>
      </tr>
      <tr>
        <td>Aliya</td>
        <td>khan</td>
        <td>94</td>
      </tr>
    </table>
    </body>
    </html>
    Add a Border

     To add a border to a table, use the


    CSS border property
     table, th, td {

      border: 1px solid black;


    }
     Thank you

    You might also like