Skip to main content

HTML Tutorial 7

 <!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Table and Lists</title>

</head>


<body>

    <!-- unorderd list in three types "disc,circle, squre, " -->

    <ul type="squre">

        <li>This is my first unordered list</li>

        <ol>

            <li>sub lists 1</li>

        </ol>

        <ol>

            <li>sub lists 2</li>

        </ol>

        <ol>

            <li>sub lists 3</li>

        </ol>

        <li>This is my second unordered list</li>

        <li>This is my third unordered list</li>

    </ul> <br>

    <!-- ordered lists are many types.  -->

    <ol type="A">

        <li>This is my first ordered list</li>

        <li>This is my second ordered list</li>

        <li>This is my third ordered list</li><br>

        </ul>

        <!-- Table = Makes table with 2 parts that HEADS and BODY -->

        <table>

            <!-- Fill head data to use tags "thead" and "th"  -->

            <!-- data in fill in "th" tages-->

            <thead>

                <th>Name</th>

                <th>Subjent</th>

                <th>Class</th>

            </thead>

            <tbody>

                <!-- insert table row to use tag "tr" -->

                <!-- and fill data to use tag "td" -->

                <tr>

                    <td>Rajendra</td>

                    <td>Geography</td>

                    <td>15th</td>

                </tr>

                <tr>

                    <td>Chanchal</td>

                    <td>History</td>

                    <td>17th</td>

                </tr>

                <tr>

                    <td>Rakesh</td>

                    <td>Polotechnic</td>

                    <td>Final</td>

                </tr>

            </tbody>

            </head>

        </table>


</body>


</html>

Labels:

Comments

Post a Comment

Popular posts from this blog

HTML Tutorial 9

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Inline & Block Elements</title> </head> <body>      </body> </html>
Post a Comment
Read more

CSS Tutorial 24

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>CSS Display Property</title>     <style>         *{             box-sizing: border-box;         }         header {             margin: auto;             border: 2px solid firebrick;             /* width: 30%; */         }         img {             /* display: inline; this is most property display inline, block and inline block */             /* if you select display inline so...... you do not set width but */             /* you select displ...
Post a Comment
Read more

HTML Tutorial 5

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Heading Paragraphs and Emmet</title> </head> <body> <h1>Heading 1 for Rajendra </h1>     <h2>Heading 2 for Rajendra </h2>     <h3>Heading 3 for Rajendra </h3>    <!-- if you need some example world so you use loram12 for 12 words --> <p> • Incompatible: the chosen fixed size may be too large for a user's available live space, causing the user to scroll in order to view the whole page; a fixedWeb page may also appear too small, leaving unsightly blank spaces.     <!-- <br> tag use for a line break or line change and it is self closing tags -->     <br>• Totalitarian: the Web does not want to run the risk of being under too mu...
Post a Comment
Read more