Scribd Logo
Upload

Welcome to Scribd!

  • Jyotika Dalal Web Technology

    Uploaded by

    satyam sharma
    18 views8 pages
    The document provides 5 tasks to write HTML code for: 1. Display education details in a table 2. Display a CV on a webpage 3. Create a homepage with 3 internal links and pages 4. Create a login form that navigates to a profile page 5. Create a registration form that then asks the user to login Code snippets are provided as examples for each task.

    Original Description:

    Original Title

    jyotika_dalal_web_technology

    Copyright

    © © All Rights Reserved

    Available Formats

    RTF, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides 5 tasks to write HTML code for: 1. Display education details in a table 2. Display a CV on a webpage 3. Create a homepage with 3 internal links and pages 4. Create a login form that navigates to a profile page 5. Create a registration form that then asks the user to login Code snippets are provided as examples for each task.

    Copyright:

    © All Rights Reserved
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    18 views8 pages

    Jyotika Dalal Web Technology

    Uploaded by

    satyam sharma
    The document provides 5 tasks to write HTML code for: 1. Display education details in a table 2. Display a CV on a webpage 3. Create a homepage with 3 internal links and pages 4. Create a login form that navigates to a profile page 5. Create a registration form that then asks the user to login Code snippets are provided as examples for each task.

    Copyright:

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

    Web Technology Lab

    1. Write an HTML code to display your education details in a tabular

    format.

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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

    <title>Document</title>

    </head>

    <body>

    <div id="login_form">

    <form name="f1" method="post" action="profile.html" id="f1">

    <table>

    <tr>

    <td class="f1_label">User Name :</td><td><input type="text"

    name="username" value="" />

    </td>

    </tr>

    <tr>

    <td class="f1_label">Password :</td><td><input type="password"

    name="password" value="" />

    </td>

    </tr>

    <tr>

    <td>
    <input type="submit" name="login" value="Log In" style="fontsize:18px; " />

    </td>

    </tr>

    </table>

    </form>

    </div>

    </body>

    </html>

    2. Write an HTML code to display your CV on a web page.

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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

    <title>Cover letter</title>

    <link rel="stylesheet" href="cv.css">

    </head>

    <body>

    <div class="details">

    <h1>jyotika</h1>

    <div class="esentialdetails">

    <p>satyamsharma@gmil.com</p>

    <p>Deendayal Nagar, Gwalior (M.P)</p>

    <p>linkedin.com/in/stayamsharma</p>
    </div>

    </div>

    <div class="text">

    <p>date: </p>

    <p>Doris Johnson</p>

    <p>Human Resources Manager Optimal Workplace Inc.

    321 Employment Avenue. Los Angeles, CA

    <p>Dear Ms. Johnson</p>

    <p> a formal background in marketing, paired with my proven success in retail sales, I am looking to
    transition into

    public relations I believe my skills and background make me an excellent fit for the position of Public
    relations

    Specialist at your PR Firm in the department of consumer goods

    Having used your products, I am already knowledgeable about your brand and your offerings. I have
    followed with

    excitement as you launched new fragrances for various celebrities and have introduced an edgy
    personality to your branding and product lines. I would bring both passion and knowledge to promoting your
    brands to the press and public
    Already trained in creating buzz. I was responsible for the social media content at my previous company.
    When my

    team decided to participate in the polar plunge two years ago, we used social media to create interest in
    donating to

    our cause, and we raised more than $25.000 for the event

    I'am confident that the skills developed in previous positions have prepared me for this opportunity with
    your firm. My expertise in your products and my experience in customer service and retail sales make me a great
    candidate fo this opening I would love to meet you and share more about my previous experience. If you have
    any questions. please give me a call at 123-654-0987 or email me at enzo@novoresume.com

    Thank you for your consideration</p>

    </div>

    </body>

    </html>7

    3. Write an HTML code to create a Home page having three links: About

    Us, Our Services and Contact Us. Create separate web pages for the

    three links.

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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


    <title>Document</title>

    </head>

    <body>

    <a href="about_us.html">ABOUT US</a>&nbsp;&nbsp;

    <a href="biography.html">OUR SERVICES</a>&nbsp;&nbsp;

    <a href="contact_us.html">CONTACT US</a></font>

    </body>

    </html>

    4. Write an HTML code to create a login form. On submitting the form, the

    user should get navigated to a profile page.

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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

    <title>index</title>

    </head>

    <body>

    <h1 align="center" style="color:blue">EDUCATION DETAILS</h1><br><br>

    <table border="1" background="gray" cellspacing="5" cellpadding="5">

    <th>SNo</th>

    <th>Course</th>

    <th>Board/University</th>

    <th>School/College</th>
    <th>Year of Passing</th>

    <th>Percentage</th>

    <tr>

    <td>1</td>

    <td>10</td>

    <td>CBSE</td>

    <td>Greenwood</td>

    <td>2018</td>

    <td>60</td>

    </tr>

    <tr>

    <td>2</td>

    <td>12</td>

    <td>CBSE</td>

    <td>Greenwood</td>

    <td>2020</td>

    <td>69</td>

    </tr>

    </table>

    </body>

    </html>

    5. Write an HTML code to create a Registration Form. On submitting the

    form, the user should be asked to login with this new credentials.

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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

    <title>Document</title>

    </head>

    <body>

    <div id="login_form">

    <form name="f1" method="post" action="profile.html" id="f1">

    <table>

    <tr>

    <td class="f1_label">User Name :</td><td><input type="text"

    name="username" value="" />

    </td>

    </tr>

    <tr>

    <td class="f1_label">Password :</td><td><input type="password"

    name="password" value="" />

    </td>

    </tr>

    <tr>

    <td>

    <input type="submit" name="login" value="Log In" style="fontsize:18px; " />

    </td>

    </tr>

    </table>

    </form>

    </div>

    </body>
    </html>

    You might also like