1318 Manviyarawat
1318 Manviyarawat
1318 Manviyarawat
<html>
<head>
<title> MY FIRST DOCUMENT </title>
</head>
<body>
Hello there ! this is a commom welfare association
</body>
</html>
Output :
Output :
3)Highlighting text(bold, italic, underline,
changing color, font style and size) and
changing backgrounds and overall text color
<html>
<head>
<title> MY FIRST DOCUMENT </title>
</head>
<body bgcolor=”pink”>
<body text=”white”>
<p>
<b>This is a paragraph 1</b>
<br>
<i>This is a paragraph 2</i>
<br>
<u>This is a paragraph 3</u>
<br>
<font color="red">This is a paragraph 4</font>
<br>
<font size="6">This is a paragraph 5</font>
<br>
<font face="arial">This is a paragraph 6 </font>
</p>
</body>
</html>
Output :
<html>
<head>
<title> MY FIRST DOCUMENT </title>
</head>
<body background="secenery.JPG">
<body text="white">
<p>
<b>This is a paragraph 1</b>
<br>
<i>This is a paragraph 2</i>
<br>
<u>This is a paragraph 3</u>
<br>
<font color="red">This is a paragraph 4</font>
<br>
<font size="6">This is a paragraph 5</font>
<br>
<font face="arial">This is a paragraph 6 </font>
</p>
</body>
</html>
Output :
4)
(a) Alligning the text(right, left and center)
<html>
<head>
<title> MY FIRST DOCUMENT </title>
</head>
<body>
<p align="left">This is a dummy paragraph.This is a dummy
paragraph.This is a dummy paragraph.This is a dummy
paragraph.This is a dummy paragraph.</p>
<p align="center">This is a dummy paragraph.This is a
dummy paragraph.This is a dummy paragraph.This is a
dummy paragraph.This is a dummy paragraph.</p>
<p align="right">This is a dummy paragraph.This is a dummy
paragraph.This is a dummy paragraph.This is a dummy
paragraph.This is a dummy paragraph.</p>
</body>
</html>
Output :
(b) Creating list (ordered and unordered list)
<html>
<head>
<title> MY FIRST DOCUMENT </title>
</head>
<body>
ordred list (in numbered form)
<ol>
<li>dosa
<li>pizza
</ol>
(in alphabetical form)
<ol type="a">
<li>dosa
<li>pizza
</ol>
(in roman number)
<ol type="i">
<li>dosa
<li>pizza
</ol>
unordered list( in disk form )
<ul>
<li>dosa
<li>pizza
</ul>
( in square form )
<ul type="square">
<li>dosa
<li>pizza
</ul>
( in circle form )
<ul type="circle">
<li>dosa
<li>pizza
</ul>
</body>
</html>
Output :
5)
(a) Adding images
<html>
<head>
<title> MY FIRST DOCUMENT </title>
</head>
<body>
ordred list
<ol type="I">
<li>dosa    
<img src="dosa.JPG" height="100" width="100")
<b><li>pizza</b>
</ol>
unordered list
<ul type="square">
<font color="red"><li>dosa</font>
<i><li>pizza</i>
</ul>
</body>
</html>
Output :
(b) hyperlink
<html>
<head>
<title> MY FIRST DOCUMENT </title>
</head>
<body vlink="red">
ordred list
<ol type="I">
<li>dosa    
<a
href="https://hindi.foodviva.com/south-indian-recipes/dosa-
recipe/"> <img src="dosaa.JPG" height="100" width="100"
alt="this is a dosa" /> </a>
<li>pizza
</ol>
unordered list
<ul type="square">
<li>dosa
<li><a
href="https://in.video.search.yahoo.com/search/video?
fr=mcafee&ei=UTF-
8&p=pizza+videos&type=E211IN714G0#id=1&vid=b784ea95
d5b61806673f660af9b12bff&action=click"> pizza </a>
</ul>
</body>
</html>
Output :