HTML Basic Tags Explained with Examples | Complete Beginner Guide

HTML TUTORIALS-

HTML Basic Tag Example-

Introduction-

HTML Basic Tag Example-

-HTML (HyperText Markup Language) is the standard language for creating web pages. It uses a series of tags to structure the content on a webpage. Below are some of the most commonly used HTML Basic tags with examples..

Trulli Trulli

-1)<!DOCTYPE >Tag-

-This tag defines the document type and version of HTML. It is placed at the beginning of an HTML document..

✅ Example-

           <!DOCTYPE html>
           <html>
           <head>
                     <title>My First HTML Page</title>
           </head>
            <body>
                     <h1>Welcome to My Website</h1>
          </body>
          </html>

-2)<Html >Tag-

-This tag is the root element that contains all other HTML elements..

✅ Example-

               <html>
                   <head>
                             <title>Example Page</title>
                  </head>
                  <body>
                             <p>This is a sample webpage.</p>
                  </body>
              </html>

-3)<Head And Title >Tag-

The Head tag contains metadata such as the title, character set, and linked CSS or JavaScript files..

The Title tag sets the title of the webpage, displayed on the browser tab..

✅ Example-

               <html>
                   <head>
                             <title>Example Page</title>
                  </head>
                  <body>
                             <p>This is a sample webpage.</p>
                  </body>
              </html>

-4)<Body >Tag-

The Body tag contains the main content of the HTML document..

✅ Example-

            <body>
                      <h1>Welcome!</h1>
                      <p>This is a simple HTML page.</p>
           </body>

-5)<Heading Tags (H1 TO H6) >Tag-

-These tags define headings of different sizes. (h1) is the largest, and (h6) is the smallest..

✅ Example-

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

-6)<(Paragraph) (P1) >Tag-

-These tags Defines a paragraph..

✅ Example-

               
This is a paragraph of text.

-7)<(Anchor) (a) >Tag-

-Creates hyperlinks to other web pages..

✅ Example-

               <a href="https://www.google.com">Visit Google</a>

-8)<(Image) >Tag-

-These tags Displays images..

✅ Example-

           
                 <img src="image.jpg" alt="Sample Image" width="700">

-9)<(ul) and (ol) >Tag-

-(ul) creates an unordered list (bullet points)...

-(ol) creates an ordered list (numbered).

✅ Example-

            <ul>
               <li>Item 1</li>
               <li>Item 2</li>
           </ul>

            <ol>
          <li>Step 1</li>
          <li>Step 2</li>
          </ol>

-10)<(Table) >Tag-

-These tags Creates tables to organize data..

✅ Example-

<table border="1">
           <tr>
                 <th>Name</th>
                 <th>Age</th>
         </tr>
          <tr>
                 <td>John</td>
                 <td>25</td>
         </tr>
         </table>

Live Code Preview

May Be Like Important Link-

-What Is HTML? A Complete Beginner-Friendly Explanation

-HTML Editor Online: Easy-to-Use Free HTML Editor for Beginners

-HTML Basic Tags Explained with Examples

-WHTML Colors Explained: Color Names, Hex Codes, RGB, HSL & Styling Guide for Beginners