Create a simple HTML page to demonstrate the use of different tags
Ans:
Aim: Create a simple HTML page to demonstrate the use of different tags.
Solution:
List of some HTML Tags:
| Tags | Use |
|
(<HTML>. . . </HTML>)* |
The entire HTML document |
|
(<HEAD> . . . </HEAD>)* |
The head, or prologue, of the HTML document |
|
(<BODY> . . . </BODY>)* |
All the other content in the HTML document |
|
<TITLE> . . . </TITLE> |
The title of the document |
|
<H1> . . . </H1> |
First-level heading large text size |
|
<H2> . . . </H2> |
Second-level heading |
|
<H3> . . . </H3> |
Third-level heading |
|
<H4> . . . </H4> |
Fourth-level heading |
|
<H5> . . . </H5> |
Fifth-level heading |
|
<H6> . . . </H6> |
Sixth-level heading small text size |
|
<P> . . . (</P>)* |
Paragraph Hitting a return in the HTML file will not make a new paragraph when the file is viewed. You need to use this tag to make a new paragraph. |
|
<BR> |
Line Break This tag will show a blank line. |
|
<HR> |
Horizontal Rule Creates a horizontal line on the page. |
|
<!- . . . -> |
Comment The comments you write in the middle will not show up on the page when viewed. |
|
<B> . . . </B> |
Bold Makes text bold |
|
<I> . . . </I> |
Italic Makes text italic |
|
<font size=”+3″…</font> |
Font Size This tag is used to change the size of the font. It is better than using the header tag to make the font appear bigger. |
Code:-
Input:-
<html>
<head>
<title>The Elephent Rope</title>
<link rel="icon" href="https://cdn.pixabay.com/photo/2014/04/02/10/52/elephant-304777_960_720.png" type="image/png">
</head>
<body>
<center><u><h1 style="font-family:ink free;font-size:30px;color:67DC96"><b>The Elephent Rope(Belief)</b></h1></u></center>
<hr />
<p style="font-family:Verdana;font-size:15px" align="center">A gentleman was walking through an elephant camp, and he spotted that <br />
the elephants weren’t being kept in cages or held by the use of chains.<br /><br />
All that was <b>holding them back</b> from escaping the camp, was a small piece<br />
of rope tied to one of their legs.<br /><br />
As the man gazed upon the elephants, he was completely confused as to<br />
why the elephants didn’t just use their strength to break the rope and<br />
escape the camp. They could easily have done so, but instead, they didn’t<br />
try to at all.<br /><br />
Curious and wanting to know the answer, he asked a trainer nearby why the<br />
elephants were just standing there and never tried to escape.<br /><br /></p>
<p style="font-family:Verdana;font-size:15px"align="center">The trainer replied;<br /><br /></p>
<h3><p style="font-family:ink free;color:gray;font-size:20px;" align="center">
<b>
“when they are very young and much<br />
smaller we use the same size rope to tie<br />
them and, at that age, it’s enough to hold<br />
them. As they grow up, they are<br />
conditioned to believe they cannot break<br />
away. They believe the rope can still hold<br />
them, so they never try to break free.”<br /></b>
</p></h3>
<p style="font-family:Verdana;font-size:15px"align="center">
The only reason that the elephants weren’t breaking free and escaping from<br />
the camp was that over time they adopted the belief that it just wasn’t possible.<br /><br /><br /></p>
<p style="font-family:Verdana;font-size:20px"align="center"><i><b><u>Moral of the story:</u></b></i></p>
<p style="font-family:Verdana;font-size:15px"align="center">No matter how much the world tries to hold you back, always continue with<br />
the belief that what you want to achieve is possible. Believing you can<br />
become successful is the most important step in actually achieving it.<br />
</p>
<img src="http://maydog.org/uploads/1/3/7/7/13775456/1427981335.png" >
</body>
</html>
Output:-
Hindi
Afrikaans
Arabic
Chinese (Simplified)
Dutch
English
French
Galician
German
Gujarati
Hawaiian
Italian
Nepali
Portuguese
Punjabi
Russian
Sesotho
Spanish
1 thought on “Create a simple HTML page to demonstrate the use of different tags”