Scribd Logo
Upload

Welcome to Scribd!

  • Weblab HTML

    Uploaded by

    I S
    30 views9 pages
    Web technology lab sheet

    Original Title

    weblab.html

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Web technology lab sheet

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    30 views9 pages

    Weblab HTML

    Uploaded by

    I S
    Web technology lab sheet

    Copyright:

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

    EXPERIMENT-7

    Q. Write a HTML code to display your education details in a tabular format.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Education details</title>
    </head > <center><h4>GOVERNMENT OF NEPAL</h4>
    <h3>NATIONAL EXAMINATIONS BOARD</h3><h5>Academic Transcript</h5><h6>School Leaving
    Certificate Examination(Grade XI &XII)</h6></center>
    <body>Name of the student:Prava Guragain<br> School: Aadarsha Secondary School. Biratnagar, Nepal
    <table border="4" cellpadding="0" cellspacing="0" width="50%">

    <tr><th>Subject</th>

    <th>Credit Hour</th>

    <th>Grade Point</th><th>Grade</th><th>Final Grade</th><th>Remarks</th></tr>

    <tr ><td rowspan="1" colspan="6"><u> GRADE XI</u></td></tr>

    <tr><td>COMPULSORY
    ENGLISH</td><td>4.69</td><td>3.6</td><td>A</td><td>A</td></tr>

    <tr><td>PHYSICS(TH)</td><td>4.69</td><td>2.4</td><td>C+</td><td>B</td></tr>

    <tr><td>PHYSICE(PR)</td><td>1.56</td><td>4.0</td><td>A+</td><td></td></tr>

    <tr><td>CHEMISTRY(TH)</td><td>4.69</td><td>2.8</td><td>B</td><td>B+</td></tr>

    <tr><td>CHEMISTRY(PR)</td><td>1.56</td><td>4.0</td><td>A+</td><td></td></tr>

    <tr><td>BIOLOGY(TH)</td><td>4.69</td><td>2.4</td><td>C+</td><td>B</td></tr>

    <tr><td>BIOLOGY(PR)</td><td>1.56</td><td>4.0</td><td>A+</td><td></td></tr>

    <tr><td>MATHEMATICE</td><td>4.69</td><td>3.2</td><td>B+</td><td>B+</td></tr>

    <tr><td><center>TOTAL</center></td><td>28.13</td><td>26.4</td><td rowspan="1"
    colspan="4">Grade Point Average(GPA):3.06</td></tr>

    <tr><td rowspan="1" colspan="6"><u> GRADE XII</u></td></tr>

    <tr><td>COMPULSORY
    ENGLISH</td><td>4.69</td><td>3.2</td><td>B+</td><td>B+</td></tr>

    <tr><td>COMPULSORY
    NEPALI</td><td>4.69</td><td>3.6</td><td>A</td><td>A</td></tr>
    <tr><td>PHYSICS(TH)</td><td>4.69</td><td>3.2</td><td>B+</td><td>A</td></tr>

    <tr><td>PHYSICS(PR)</td><td>1.56</td><td>4.0</td><td>A+</td><td></td></tr>

    <tr><td>CHEMISTRY(TH)</td><td>4.69</td><td>3.2</td><td>B+</td><td>A</td></tr>

    <tr><td>CHEMISTRY(PR)</td><td>1.56</td><td>4.0</td><td>A+</td><td></td></tr>

    <tr><td>BIOLOGY(TH)</td><td>4.69</td><td>2.8</td><td>B</td><td>B+</td></tr>

    <tr><td>BIOLOGY(PR)</td><td>1.56</td><td>4.0</td><td>A+</td><td></td></tr>

    <tr><td><center>TOTAL</center></td><td>28.13</td><td>28.0</td><td rowspan="1"
    colspan="4">Grade Point Average(GPA):3.33</td></tr><tr><td rowspan="1"
    colspan="6"><center>Cumulative Grade Point(CGPA):3.19</center></td></tr>

    </table>
    </body>
    </html>
    EXPERIMENT-8
    Q.Write an HTML code to illustrate the usage of the following:
     Ordered list
     Unordered list
     Definition list

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body><u>Ordered list</u>
    <ol type="1"><li>Sign of the times</li><li>Sweet Creature</li></ol>
    <u>Unordered List</u>
    <ul><li>Kiwi</li><li>Ever since NewYork</li></ul>
    <dl> <dt>Treat People With Kindness</dt> <dd>Maybe we can treat people with kindness find a
    placce to feel good . </dd> </dl>
    </body>
    </html>

    EXPERIMENT-9
    Write an HTML code to create a Home page having three links: About Us, Our services , Contact
    Us. Create separate web pages for three links.
    ABOUT US
    <TABLE cellSpacing=0 cellPadding=5 width="95%" border=0>
    <TBODY>
    <TR>
    <TD align=left>
    <P
    align=left>&nbsp;<h1>Welcome to Ratna Rajyalaxmi Campus</h1></P>
    <p>Historically, Ratna Rajyalaxmi Campus was established on 4 Bhadra,
    2018 BS with 3 girl students in the building of Guthi Sansthan at Putali Sadak. Initially, this
    campus was named as Ratna Rajyalaxmi Girls’ College. Ratna Rajyalaxmi Campus is situated in
    the prime location of the Kathmandu Metropolitan city, Pradarshani Marg, the heart of this
    nation. It occupies about 8 ropanis of land, the Exhibition Road to the East, Adwaitmarga to
    West, and Kathmandu Model Hospital to North and Law Campus to the south. </p>

    <p>Those days, classes were conducted in the morning shift only. It


    offered Intermediate of Arts Courses with various majors of Humanities and Social Sciences. The
    higher caste families’ girls of Kathmandu valley received education. During the time of Girls’
    College, it upgraded to BA level in 2021 BS. The location of the college was shifted from Putali
    Sadak to Pradarsani Marga in 2024 BS, where it permanently stands proudly up to this date
    catering invaluable knowledge on various fields of Humanities and Social Sciences. Since 2024
    B.S., Ratna Rajyalaxmi Girls’ College was affiliated in Tribhuvan University. In 2025, it became a
    multiple college as it added up management program in it along with humanities courses. It ran
    Management program up to 2030 BS. </p>

    <p>The college became co-ed and was made open for all Nepalese
    families by changing it from Ratna Rajyalaxmi Girls’ College to Ratna Rajyalaxmi Campus in 2031
    BS.Since 2031, Ratna Rajyalaxmi Campus became well-known as the center of Humanities and
    Social Sciences, a renowned constituent campus of Tribhuvan University till date. Humanities
    and social sciences courses thrived with the scintillating image of Ratna Rajyalaxmi Campus in
    the three different shifts. The campus offered BA level programs of all subjects that it offered in
    IA since 2038 BS only in the morning shift in the beginning. <br>
    <BR></TD></TR></TBODY></TABLE></div>
    </TBODY></TABLE></BODY></HTML>
    OUR SERVICES
    <!DOCTYPE html>
    <html>
    <head>
    <title>OUR SERVICES</title>
    </head><body>
    Here in the Ratna Rajya Laxmi campus we provide education on cources like BCA(Bachelor in
    Computer Application),MA and BA
    <h1>BCA</h1><h3>What is BCA ?</h3>
    New 4 year semester-based academic program of T.U
    Course containing database, Networking, Data structure, C, java, Financial Accounting, Maths,
    Mobile Programming, Applied Eco., Software Engineering, E-business, Networking, IT in Banking,
    Hotel, Enterprise, Resource Planning and more.
    Used in Business, Healthcare, Transportation, Education, Training, Governance, Administration
    etc.
    <h1>Why to choose BCA at RR Campus ?</h1>
    <ul>
    <li>RR is the oldest & trusted Humanities and Social Sciences Campus in Nepal</li>
    <li>Well-equipped class room, computer & hardware lab</li>
    <li>Experienced & qualified faculties, well-equipped library</li>
    <li>Individually caring environment for the students</li>
    <li>Exposure, guest lectures, talks, trainings & seminars</li>
    <li>Job placement and internship</li>
    <li>Co-curricular activities</li>
    <li>Affordable fee and scholarship support.</li>
    </ul>
    <h1>MA</h1>
    <h1>BA</h1>
    </body>
    </html>

    Contact Us
    <!DOCTYPE html>
    <html>
    <head>
    <title>Contact info</title>
    </head>
    <body>
    We are always here to hear from you.<br>
    <u>Phone</u><br>
    01-4230084<br>
    01-4225819<br>
    <u>Email</u><br>
    info@ratnarajyalaxmicampus.edu.np<br>
    <u>Address</u><br>
    Pradarshani Marg, 44600

    Kathmandu
    Nepal
    </body>
    </html>
    LINKS
    <a href="Home.html" target="main_page">Home</a><br>
    <a href="our services.html" target="main_page">COURSES</a><br>
    <a href="Contact.html" target="main_page">Contact info</a><br>

    EXPERIMENT-10
    Write an HTML code to create a login form. On submitting the form , the user should get
    navigated to profile page.

    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> Login Page </title>
    <style>
    Body {
    font-family: Calibri, Helvetica, sans-serif;
    background-color: pink;
    }
    button {
    background-color: #4CAF50;
    width: 100%;
    color: orange;
    padding: 15px;
    margin: 10px 0px;
    border: none;
    cursor: pointer;
    }
    form {
    border: 3px solid #f1f1f1;
    }
    input[type=text], input[type=password] {
    width: 100%;
    margin: 8px 0;
    padding: 12px 20px;
    display: inline-block;
    border: 2px solid green;
    box-sizing: border-box;
    }
    button:hover {
    opacity: 0.7;
    }
    .cancelbtn {
    width: auto;
    padding: 10px 18px;
    margin: 10px 5px;
    }

    .container {
    padding: 25px;
    background-color: lightblue;
    }
    </style>
    </head>
    <body>
    <center> <h1> Student Login Form </h1> </center>
    <form>
    <div class="container">
    <label>Username : </label>
    <input type="text" placeholder="Enter Username" name="username" required>
    <label>Password : </label>
    <input type="password" placeholder="Enter Password" name="password" required>
    <button type="submit">Login</button>
    <input type="checkbox" checked="checked"> Remember me
    <button type="button" class="cancelbtn"> Cancel</button>
    Forgot <a href="#"> password? </a>
    </div>
    </form>
    </body>
    </html>
    EXPERIMENT-11
    Write an HTML code to display your CV on a web page. 

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>CV</title>

    </head>
    <body>
    <table border = "1" cellspacing = "0">
    <tr>
    <td>
    <table>
    <h1 align = "center"> Bio-Data </h1>
    <tr bgcolor = "red"> <td>Personal Details</td> </tr>
    <tr> <td>Name </td> <td>:Indira Guragain</td> </tr>
    <tr> <td>Address </td> <td>:Kathamandu,Baneshwor</td> </tr>
    <tr> <td>Father Name </td> <td>Basanta Guragain</td> </tr>
    <tr> <td>Mother Name </td> <td>:Usha Devi Guragain</td> </tr>
    <tr> <td>Husband Name </td> <td>:Kedar Singh</td> </tr>
    <tr> <td>DOB </td> <td>:2051/11/10</td> </tr>
    <tr> <td>Gender </td> <td>:Female</td> </tr>
    <tr> <td>Marital Status </td> <td>:Married</td> </tr>
    <tr> <td>Nationality </td> <td>:Nepali</td> </tr>
    <tr bgcolor = "red"> <td>Academic Qualification</td> </tr>

    <table border = "1" cellspacing = "0">


    <tr>
    <td>S.N.</td><td>Degree</td><td>Institute</td><td>Passed</td><td>Grade</td></tr>
    <tr><td>1.</td><td>SLC</td><td>Gayatri Sanskrit
    School</td><td>2067</td><td>A</td></tr>

    <tr><td>2.</td><td>+2</td><td>Mahendra Morang
    Campus</td><td>2070</td><td>A</td> </tr>
    <tr><td>3.</td><td>BBS</td><td>Mahendra Morang
    Campus</td><td>2074</td><td>A</td> </tr>

    <tr><td>3.</td><td>BCA</td><td>Ratna Rajya
    Laxmi</td><td>running</td><td>....</td></tr>

    </table>
    <p><i>I Certify That All The Information Stated In This CV Is True And Complete To The
    Best Of
    My Knowledge. I Understand That Any Wilful Misstatement Described Here In My
    Lead To My Disqualification.</i></p>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>

    You might also like