Scribd
Upload
77 views6 pages

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

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.

Uploaded by

linux tarun
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
77 views6 pages

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

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.

Uploaded by

linux tarun
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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:[email protected]" class="links"></a>
<p>CONTACT US :- +91XXXXXXXX05</p>
</div>
</i>
</body>

</html>

SCREENSHOTS :-
CODE :-
OUTPUT : -

You might also like