HTML - Hyper Text Markup Language

What is HTML?

HTML stands for HyperText Markup Language. It is the standard language used to create and structure the content of a webpage.

• HyperText: This refers to the ability to create links that connect web pages to one another, making the web a connected "web" of information.
• Markup Language:  This means you use "tags" to surround your content, giving that content meaning and structure. You are "marking up" a plain text document.

Check this out: World's first website

HTML contains following tags:

1. The Heading (<h1> to <h6>)

   Headings are tags used to define titles and subtitles on your page.

   <h1>Heading 1</h1>
   <h2>Heading 2</h2>
   <h3>Heading 3</h3>
   <h4>Heading 4</h4>
   <h5>Heading 5</h5>
   <h6>Heading 6</h6>
             

   Output:

   Heading 1

   Heading 2

   Heading 3

   Heading 4

   Heading 5

   Heading 6

2. Paragraph (<p>)

   The paragraph tag is used to group sentences together.

   <p>This is the first paragraph.</p>
   <p>This is a second, separate paragraph.</p>
             

   Output:

   This is the first paragraph.

   This is a second, separate paragraph.

3. Horizontal Rule (<hr>)

   <p>This is the first topic.</p>
   <hr />
   <p>This is a completely different topic.</p>
             

   Output:

   This is the first topic.

   ---

   This is a completely different topic.

4. Line Break (<br>)

   <p>221B Baker Street<br>London, England</p>
             

   Output:

   221B Baker Street
   London, England

5. Lists (<ul>, <ol>, <li>)

   <ul>
     <li>Tea Bag</li>
     <li>Water</li>
     <li>Sugar</li>
     <li>Milk</li>
   </ul>
   
   <ol>
     <li>First, boil the water in a kettle.</li>
     <li>Add tea bag, sugar and milk into it</li>
     <li>Keep boiling it for 5 minutes</li>
     <li>Serve the tea by pouring it into cup</li>
   </ol>
             

   Output:

   • Tea Bag
   • Water
   • Sugar
   • Milk

   1. First, boil the water in a kettle.
   2. Add tea bag, sugar and milk into it
   3. Keep boiling it for 5 minutes
   4. Serve the tea by pouring it into cup

6. Anchor Tag (<a>)

   <a href="https://coderarmy.in">Visit Coder Army</a>
             

   Output:

   Visit Coder Army

7. Image Tag (<img>)

   <img src="https://cdn.britannica.com/16/234216-050-C66F8665/beagle-hound-dog.jpg" height="300px" width="300px" alt="This is Dog Photo">
             

   Output: