Practical - 3
AIM :- To study about HTML, TAG & HTML basic tags.
Exercise 1 : Write HTML code to display different attributes : Italic Bold And
UnderLine.
Input :
<!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>
<h3>Italic : </h3>
<i>hello my name is Priyansu Dave </i>
<h2>Bold : </h2>
<b>i am curretly studing in ganpat university</b>
<h2>Under Line: </h2>
<u>in B.tech (IT) branch</u>
<h1>this is a full example of this attributes</h1>
<p> <i> hello my name is Priyansu Dave </i> <b>i am curretly studing in
ganpat university</b> <u>in B.tech (IT) branch</u> </p>
</body>
</html>
output:-
Exercise 2 :- Create a webpage that Shows different text
formattingattributes.
[Include<big>,<small>,<ins>,<del>,<sup>,<sub>,<strong>,<e
m>,<mark>,<blockquote>,<q> tags).
Input:-
<!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>Exercise2</title>
</head>
<body bgcolor='lightblue'>
<hr color="green" size="4">
<h1 align="center">Ganpat University</h1>
<hr color="green" size="4">
<h5> TEXT : <big>UVPCE</big> </h5>
<h4> SMALLER TEXT : <small>U.V Patel College Of
Engineering</small> </h4>
<h4> TEXT : <small>U.V Patel College Of Engineering And
Technology
<ins>Kherva</ins></small> </h4>
<h4> STIKE TEXT : <small>U.V Patel College Of Engineering
<del>And
Technology</del></small> </h4>
<h4> MARKED TEXT : <p>U.V Patel College Of Engineering
(GUNI - UVPCE) is
Situated in <mark>Ganpat VidhyaNagar</mark></p> </h4>
<H4>EMPHASIZED TEXT : <BR> <small>College Website Link is
<em>https://www.uvpce.ac.in</em></small> </h4>
<H4>SUPERSCRIPT AND SUBSCRIPT TEXT: </h4>
<p>The <sup>U.V Patel College Of Engineering</sup>
(UVPCE)</p>
<H4>BLOCKQUOTE TAG : <br>
MISSION STATEMENT :
<blockquote><q>Seek Search and offer program that lead to
symbiotic
emergence of 'academic excellence' and 'industrial
</q></blockquote> </H4>
<h4> SHORT QUOTATION TAG :
IT Department of Information and Technology was established
in 1997. with
objective of <q>quality education i the field of Information
Technology</q>
</H4>
</body>
</html>
output:-
Exercise 3 :- Write HTML code to develop the following
webpage that use tags
<code>,<dfn>,<kbd>,<pre>,<blockquote>,<q>
input:-
<!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>
<h1>Web Technology</h1>
<p>Web Technology involes use of <q>hypertext markup
language (HTML) andCascadind Style Sheet (css)</q></p>
<p><dfn>hypertext Markup Language</dfn> is a standerd
makuo language fordocument degined to be displyed in to the
Web</p>
<kbd>ctrl + B</kbd> is used to bold text
<br>
<H4>Structure of HTML Page </H4>
<br>
<pre>
HTML TAG
HEAD TAG (SECTION - 1)
TITLE TAG
HEAD TAG CLOSED
BODY TAG (SECTION - 2)
BODY TAG CLOSED
HTML TAG CLOSED
</pre>
<H3>HTML Code Tag </H3>
<pre>body ( color : yellow; font-size : 16px; line-height :
1.5; )</pre>
</body>
</html>
output:-
