Using Basic Tags of HTML - Programmingempire

The following code example demonstrates Using Basic Tags of HTML.

How to Create a Multi-Page Document in HTML

Here four basic tags of HTML are described. Also, the example of using each tag is provided here. Basically, the <br> tag introduces a line break. Whereas the <hr> tag represents a horizontal rule. Likewise, the <p> tag inserts a paragraph on the web page. Similarly, <pre> tag creates the pre-formatted text.

othertags.html

<html>
  <head>
     <title>Other Tag</title>
     <style>
        li{
             font-size: 20px;
             color: #800000;
		 padding: 10px;
          }
        div{
		margin: 10px;
		padding: 10px;
            border: 3px #800000 solid;
       }
       ul{
		padding: 10px;
            margin-left: 20px;            
       }
       p{
          font-size: 18px;
          text-align: justify;
          color: #3a3a3a;
       }
     </style>
  </head>
  <body bgcolor="#F4E5F7">
      <center><h1>Other Tags</h1></center>
      <div>
           <h2>br Tag</h2>
           <p>The &lt;br&gt; tag creates a line break on a web page</p>
           
           <h2>Examples</h2>
           Some Text<br><br><br>More Text

           <h2>hr Tag</h2>
           <p>The &lt;hr&gt; tag creates a horizontal line on a web page.</p>
           <h2>Examples</h2>
           <hr/>
           <hr style="width: 30%;"/>
           <h2>pre Tag</h2>
           <p>The &lt;pre&gt; tag displays pre-formatted text.</p>
           <h2>Examples</h2>
           <pre>
               Menu
          --------------
            1. Add
            2. Subtract
            3. Multiply
            4. Exit

           </pre>
           <h2>p Tag</h2>
            <p>The &lt;p&gt; tag displays a paragraph.</p>
           <h2>Examples</h2>
           <p style="width: 200px; height: 50px; border: 2px red solid;background: cyan;margin: 10px; padding: 10px;">It is a paragraph</p>
     </div>
      <div>
          <a href="home.html">Home</a>
      </div>
      <div style="padding: 20px;">
          <a href="image.html">Image</a><br/>
          <a href="marquee.html">Marquee</a><br/>
          <a href="formatting.html">Formatting Tags</a><br/>
      </div>
   </body>
</html>

Output

**An Example for Using Basic Tags of HTML**

https://www.programmingempire.com/how-to-display-different-font-styles-on-a-web-page/

Further Reading