"if you encounter any errors in SAP, send me a screenshot at pramod@learntosap.com, and I will help you resolve the issue."

HTML Basic Tags Explained with Examples | Complete Beginner Guide (2025)

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

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

-Credit Memo and Return PO

-Bill Of Material (BOM)

-How To Create Quotation

-How To Create Debit Memo Request