Wednesday, March 17, 2021

HTML5-Syntax for tables

Major tags used in HTML tables 

<table>

<tr>

<th>

<td>

<thead>

<tbody>

border=

<! tables>

<!doctype html>

<! doctype declaration>

<html>
<! The beggining of the html code>

<head>
<! The head section begins>
    <title>

        CODE-4Tables
        
    </title> 
    <! The title is the name of the browser tab>

</head>
<! The end of the head section>
<body>
<! The body section begins>    
    <table>
    <! Table declaration>

        <thead>
        
            <tr>
                <th>Name</th>
                <th>Fav</th>
                <! Table head data>

            </tr>
        </thead><! This is the head of the table>

        <tr>
        <! Table row declaration>

            <td>Niel</td>
            <td>Red</td>
            <! Table data declaration and definition>

        </tr><! Table row complete>

        <tr>
        <! Table row declaration>

            <td>Dad</td>
            <td>Blue</td>
            <! Table data declaration and definition>
        </tr>

        <tr>   
        <! Table row declaration>

            <td>Niel</td>
            <td>Black</td>
            <! Table data declaration and definition>

        </tr>
        <tr>
        <! Table row declaration>

            <td>Isha</td>
            <td>While</td>
            <! Table data declaration and definition>

        </tr>

        <tr><! Table row declaration>

            <td>Mumma</td>
            <td>Green</td>
            <! Table data declaration and definition>

        </tr>

        
    </table>


</body>

</html>

The code of the above code looks like :



No comments:

Post a Comment

HTML Semantics sheet

<article> : Defines independent, self-contained content. <aside>: Contains content that is tangentially related to the content...