Create a simple HTML page to demonstrate the use of different tags

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:-

 

wd html

1 thought on “Create a simple HTML page to demonstrate the use of different tags”

Leave a Comment