HTML

<TagName> ..... </TagName>

Tags

Opening Tag

Closing Tag

<html> ........ </html>

html

Opening Tag

Closing Tag

Basic Structure of Html

<html>
    
    <head>
        .......
    </head>

    <body>
        .......
    </body>

</html>

Not Visible

 Visible

Paragraph

<p>
    This  tag is used to 
    display text in paragraph. 
    Go ahead and try this tag 
    in your code and 
    see how it is displayed
</p>

 

Br tag

<p>
    This  tag is used to <br> 
    display text in paragraph. <br>
    Go ahead and try this tag <br>
    in your code and <br>
    see how it is displayed <br>
</p>

 

This tag is used to 
display text in paragraph. 
Go ahead and try this tag 
in your code and 
see how it is displayed 

Code

What you see

Let us give heading to paragraph

<h1> Heading </h1>

<pre>
    This  tag is used to
    display text in paragraph.
    Go ahead and try this tag
    in your code and
    see how it is displayed
</pre>

 

Heading

This tag is used to 
display text in paragraph. 
Go ahead and try this tag 
in your code and 
see how it is displayed 

Code

What you see

6 Heading

<h1> Heading </h1>

<h2> Heading </h2>

<h3> Heading </h3>

<h4> Heading </h4>

<h5> Heading </h5>

<h6> Heading </h6>

Code

What you see

Text formating

<b> bold </b>

<i> italic </i>

<u> underlined </u>

Attributes

<p align="center"> hello </p>

attribute name

value

Anchor tag

<a href="http://www.google.com">
     google 
</a>

Image

<img src="tiger.jpg">

source of image

Image path

Unodered List

<ul>
  <li>tiger</li>
  <li>lion</li>
  <li>elephant</li>
</ul>

 list item

Odered List

<ol>
  <li>tiger</li>
  <li>lion</li>
  <li>elephant</li>
</ol>

 list item

Made with Slides.com