Scribd Logo
Upload

Welcome to Scribd!

  • 125004102-Assignment 2

    Uploaded by

    125004102
    8 views6 pages
    The document describes an assignment to display images in a 3x3 table with insects, forests and deserts. It provides the HTML code to create a table with three rows and three columns with images of a butterfly, mangrove forest and Kutch desert along with their names.

    Original Description:

    Original Title

    125004102-ASSIGNMENT 2

    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 an assignment to display images in a 3x3 table with insects, forests and deserts. It provides the HTML code to create a table with three rows and three columns with images of a butterfly, mangrove forest and Kutch desert along with their names.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    8 views6 pages

    125004102-Assignment 2

    Uploaded by

    125004102
    The document describes an assignment to display images in a 3x3 table with insects, forests and deserts. It provides the HTML code to create a table with three rows and three columns with images of a butterfly, mangrove forest and Kutch desert along with their names.

    Copyright:

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

    125004102

    JAYASAKTHI S

    ASSIGNMENT-2

    Display images like insects with their name, forest with their name and
    desert with their name in three rows and three columns

    <html>
    <head>
    <style>
    th, td {
    border-style:solid;
    border-color: #f3cffc;
    }
    </style>
    </head>
    <body>
    <h2>Table with images and name</h2>
    <table style="width:100%">
    <tr>
    <th>insect</th>
    <th>forest</th>
    <th>desert</th>
    </tr>
    <tr>
    <th>butterfly</th>
    <th>mangrove</th>
    <th>kutch</th>
    </tr>
    <tr>
    <th><img src="insect.jpg" alt="butterfly pic"
    style="width:350px;height:350px;"></th>
    <th><img src="forest.jpg" alt="mangrove pic"
    style="width:350px;height:350px;"></th>
    <th> <img src="desert.jpg" alt="kutch pic"
    style="width:350px;height:350px;"></th>
    </tr>
    </table>
    </body>
    </html>
    Output:

    Providing hyperlinks:

    <a href="https//:www.cinematic animals.com/"target="_blank">visit


    cinematic.com!</a>

    Output:

    Display your image:

    <img src="cartoon-Jade-adventures-chan-ackie-HD wallpaper.jpg" alt="jade">


    Output:

    getting 3 different inputs like name of the student, branch, year and a
    submit button

    <html>
    <h1> Student Details</h1>
    <form action = "Student Details Entry">
    Enter Name of Student: <input type="text" name = "AABBCC"><br>
    Enter Reg No.: <input type="text" name = "125_______"><br>
    Enter Dept.: <input type="text" name = "ECE"><br>
    <input type = "Submit">
    </form>
    </html>
    Output:

    display emojis

    <!DOCTYPE html>
    <html>
    <body style="background-colour:red;">
    <h1>HTML Emoji Example</h1>
    <h2>&#128517;</h2>
    </body>
    </html>
    Output:

    text with back ground colour:

    <!DOCTYPE html>
    <html>
    <body style="background-color:red;">
    <h1>HTML Emoji Example</h1>
    <h2>&#128517;</h2>
    </body>
    </html>

    Output:

    Table with 6 rows and 2 columns - with name of the subject and
    the course code:

    <body>
    <h2>Subjects</h2>
    <table style="width:100%">
    <tr>
    <th>Python Programming with Web Frameworks</th>
    <th>CSE304</th>
    </tr>
    <tr>
    <th>Probability and Random Processes</th>
    <th>MAT303</th>
    </tr>
    <tr>
    <th>Control Engineering</th>
    <th>EIE104</th>
    </tr>
    <tr>
    <th>Computer Networks</th>
    <th>CSE302</th>
    </tr>
    <tr>
    <th>Digital Signal Processing</th>
    <th>ECE204</th>
    </tr>
    <tr>
    <th>Digital Communication</th>
    <th>ECE301</th>
    </tr>
    </table>
    </body>
    </html>

    Output:

    You might also like