Scribd Logo
Upload

Welcome to Scribd!

  • Web Security Lab - 1: Name:-S.Tarun REG NO.: - 19BCI0119

    Uploaded by

    linux tarun
    18 views6 pages
    This document is a student's submission of an assignment to use 10 HTML elements and explain their uses. The student created a small registration site to demonstrate various tags. The student explains the purpose and provides examples of 12 HTML elements - <!DOCTYPE html>, <a>, <body>, <div>, <form>, <fieldset>, <footer>, <head>, <html>, <i>, <input>, <legend>, <nav>, <p>, <style>, <title>. The student also includes the source code for the registration form and provides screenshots of the code and output.

    Original Description:

    Original Title

    WS-LAB-1-19BCI0119

    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
    This document is a student's submission of an assignment to use 10 HTML elements and explain their uses. The student created a small registration site to demonstrate various tags. The student explains the purpose and provides examples of 12 HTML elements - <!DOCTYPE html>, <a>, <body>, <div>, <form>, <fieldset>, <footer>, <head>, <html>, <i>, <input>, <legend>, <nav>, <p>, <style>, <title>. The student also includes the source code for the registration form and provides screenshots of the code and output.

    Copyright:

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

    Web Security Lab - 1: Name:-S.Tarun REG NO.: - 19BCI0119

    Uploaded by

    linux tarun
    This document is a student's submission of an assignment to use 10 HTML elements and explain their uses. The student created a small registration site to demonstrate various tags. The student explains the purpose and provides examples of 12 HTML elements - <!DOCTYPE html>, <a>, <body>, <div>, <form>, <fieldset>, <footer>, <head>, <html>, <i>, <input>, <legend>, <nav>, <p>, <style>, <title>. The student also includes the source code for the registration form and provides screenshots of the code and output.

    Copyright:

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

    WEB SECURITY LAB – 1

    NAME :- S.TARUN
    REG NO. :- 19BCI0119

    QUESTION ;- USE 10 HTML ELEMENTS AND THEIR USES.


    SOLUTION : -

    Here I have created a small registration site by using html and


    css. And I have used many tags which I am going to explain
    according to the chronological order.
    Tags Used :-
    √ <!--.--> Used for defining the comments
    for the webpage for good readability.
    √ <!DOCTYPE html> Used for defining the type of the
    document and the version of the html.
    √ <a href=”...”></a> Used for creating the hyperlinks.
    √ <body></body> Used for declaring the
    document of the webpage.
    √ <div></div> Used for dividing the document
    sections.
    √ <form></form> Defining the form for collecting
    the data.
    √ <fieldset></fieldset> Related elements in the form.
    √ <footer></footer> Defining the footer of the
    document of the body.
    √ <head></head> Meta data of the document.
    √ <html> Root of the html document.
    √ <I></i> text in an alternate voice or mood
    √ <input> Used for taking the input.
    √ <legend> Caption for the fieldset.
    √ <nav> used for creating navigation tab.
    √ <p> Defining the paragraphs.
    √ <style> For defing the Style of the document.
    √ <title> Title for the document.

    SOURCE CODE USED :-

    <!--Definng the version of the html-->


    <!DOCTYPE html>
    <html lang="en-US">

    <!--Start of the head tag-->


    <head>
    <title>Practise</title>
    <style>
    div.navigation{
    background-color: rgb(0, 0, 0);
    text-align: center;
    word-spacing: 25px;
    }
    .links{
    text-decoration: none;
    color:white;
    font-size: 14px;
    }
    .footer{
    background-color: black;
    color:white;
    }
    form{
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-
    serif;
    }
    h1{
    text-align: center;
    }
    body{
    background-color: rgba(9, 246, 12, 0.3);
    width:auto;
    height: auto;
    margin:25px;
    padding:10px;
    }

    </style>
    </head>

    <!--Start of the body tag-->


    <body>
    <i>

    <div class="navigation">
    <a href="home.html" class="links">HOME</a>
    <a href="videos.html" class="links">VIDEOS</a>
    <a href="music.html" class="links">MUSIC</a>
    <a href="websecurity.html" class="links">WEBSECURITY</a>
    </div>

    <h1>REGISTRATION FORM</h1>
    <div class="form">
    <form action="server.php" method="POST"
    enctype="application/x-www-form-urlencoded">
    <fieldset>
    <legend>Registration Form</legend>
    <label for="fname">FIRSTNAME</label><br>
    <input type="text" id="fname" name="fname" autofocus
    required/><br>
    <label for="lname">LASTNAME</label><br>
    <input type="text" id="lname" name="lname"
    required/><br>
    <label for="email">EMAIL</label><br>
    <input type="email" id="email" name="mail" required/><br>
    <label for="pass">PASSWORD</label><br>
    <input type="password" id="pass" name="pass"
    required/><br>
    <label for="option">FIELD YOU INTERESTED : </label><br>
    <input type="radio" id="option" name="option" />SECURITY
    ANALYST<br>
    <input type="radio" id="option" name="option" />SECURITY
    AUDIT<br>
    <input type="radio" id="option" name="option" />SECURITY
    EXPERT<br>

    </fieldset>
    </form>
    </div>
    <div class="footer">
    <p>&copy; Tarun Company pvt lmtd.</p>
    <a href="mailto:example@gmail.com" class="links"></a>
    <p>CONTACT US :- +91XXXXXXXX05</p>
    </div>
    </i>
    </body>

    </html>

    SCREENSHOTS :-
    CODE :-
    OUTPUT : -

    You might also like