Scribd Logo
Upload

Welcome to Scribd!

  • 8 - LEct

    Uploaded by

    Neelesh Verma
    16 views20 pages
    The document describes how to create an HTML table. It explains that a table allows organizing and presenting data in an orderly manner. Key elements in an HTML table include the table, caption, row, header, and data tags. The table border attribute is used to specify the thickness of the table border.

    Original Description:

    Table

    Original Title

    8.-LEct

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes how to create an HTML table. It explains that a table allows organizing and presenting data in an orderly manner. Key elements in an HTML table include the table, caption, row, header, and data tags. The table border attribute is used to specify the thickness of the table border.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views20 pages

    8 - LEct

    Uploaded by

    Neelesh Verma
    The document describes how to create an HTML table. It explains that a table allows organizing and presenting data in an orderly manner. Key elements in an HTML table include the table, caption, row, header, and data tags. The table border attribute is used to specify the thickness of the table border.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 20

    HTML Table

    • Table allows to organize and present data in an orderly and


    concise manner.
    • Tabular structures were introduced with HTML 3.2.
    • A table can contains wide variety of information, such as headers,
    anchors, lists, paragraphs, forms, images, preformatted text and
    even nested tables.
    • HTML tables are composed of rows and columns.

    1 FaaDoOEngineers.com
    Requirement Analysis

    2 FaaDoOEngineers.com
    Code Snippet To Fulfill the Requirement

    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    3 FaaDoOEngineers.com
    For starting a table

    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    4 FaaDoOEngineers.com
    It is an attribute of table tag to specify the thickness of the border of the table in
    pixels.
    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    5 FaaDoOEngineers.com
    Table Border set to 1

    6 FaaDoOEngineers.com
    If Table Border set to 5

    7 FaaDoOEngineers.com
    For starting a table

    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    For ending a table


    8 FaaDoOEngineers.com
    For starting a table caption, It is like a title which resides outside the border of
    the table. It is an optional attribute.
    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    9 FaaDoOEngineers.com
    For starting a table caption, It is like a title which resides outside the border of
    the table. It is an optional attribute.
    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    For ending a table caption


    10 FaaDoOEngineers.com
    Table Caption

    11 FaaDoOEngineers.com
    For starting a table row

    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    12 FaaDoOEngineers.com
    For starting a table row

    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    For ending a table row.


    13 FaaDoOEngineers.com
    Row 1
    Row 2

    14 FaaDoOEngineers.com
    For providing a table heading. By default the header cell will appear in bolder
    type and the default alignment is center.
    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    15 FaaDoOEngineers.com
    For providing a table heading. By default the header cell will appear in bolder
    type and the default alignment is center.
    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    For ending a table heading.


    16 FaaDoOEngineers.com
    Table Heading

    17 FaaDoOEngineers.com
    For providing the table data. By default the alignment is left.

    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    18 FaaDoOEngineers.com
    For providing the table data. By default the alignment is left.

    <html> <tr>
    <body> <td>SWG</td>
    <table border=“1”> <td>Software Group</td>
    <caption>IBM Strategic Business Unit</caption> </tr>
    <tr> </table>
    <th>Unit Name</th> </body>
    <th>Description</th> </html>
    </tr>
    <tr>
    <td>BCS</td>
    <td>Business Consultancy Services</td>
    </tr>

    For ending a table data tag.


    19 FaaDoOEngineers.com
    Table Data

    20 FaaDoOEngineers.com

    You might also like