HTML Tutorial

HTML Heading Tags

HTML headings are defined with the <h1></h1> to <h6></h6> tags.

<h1> </h1> This Tag is most important heading.

<h6><h6> defines the least important heading:

Example Program

<html>
<head>
    <title>Heading Tags</title>
    </head>
    <body>
        <h1>Heading Tag 1</h1>
        <h2>Heading Tag 2</h2>
        <h3>Heading Tag 3</h3>
        <h4>Heading Tag 4</h4>
        <h5>Heading Tag 5</h5>
        <h6>Heading Tag 6</h6>
    </body>
</html>

Output :

Heading Tag 1

Heading Tag 2

Heading Tag 3

Heading Tag 4

Heading Tag 5

Heading Tag 6

HTML Paragraphs

The paragraph element begins with the HTML <p> tag and ends with the HTML </p> tag. The HTML paragraph element should not contain tables and other block elements. A sample is shown below.

Example Program

<html>
    <head>
    <title>Sample Paragraphs</title>
    </head>
 
    <body>
    <p>This is a sample paragraph.</p>
        <p>This is another sample paragraph.</p>
    </body>
</html>

Output :

This is a sample paragraph.

This is another sample paragraph.

HTML Line break Tag

The HTML <br> element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

Example Program

<html>
    <head>
    <title>Sample Paragraphs</title>
    </head>
 
    <body>
    <p>
          This is a Break tag example text-1 <br>
        This is a Break tag example text-2<br>
        This is a Break tag example text-3<br>
        This is a Break tag example text-4.
        </p>
    </body>
</html>

Output :

This is a Break tag example text-1
This is a Break tag example text-2
This is a Break tag example text-3
This is a Break tag example text-4.

HTML Horizontal Rule

The HTML <hr> element represents a thematic break between paragraph-level elements. In previous versions of HTML, it represented a horizontal rule. It may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms.

Example Program

<html>
    <head>
    <title>Horizontal Rule Tag</title>
    </head>
    <body>
    <p>
          This is a Horizontal Rule tag example -1<hr>
        This is a Horizontal Rule tag example -2<hr>
        This is a Horizontal Rule tag example -3<hr>
        This is a Horizontal Rule tag example -4.
        </p>
    </body>
</html>

Output :

This is a Horizontal Rule tag example -1

This is a Horizontal Rule tag example -2

This is a Horizontal Rule tag example -3

This is a Horizontal Rule tag example -4.

HTML Comment

The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers.

You can use comments to explain your code, which can help you when you edit the source code at a later date. This is especially useful if you have a lot of code.

Example Program

<html>
    <head>
    <title>Comment Tag</title>
    </head>
    <body>
     <p>1. Comment tag sample text. Comment Start Here <!-- You will not be able to see this text. --> and comment end.</p>
         
          <p>2.  Another comment line start <!-- this is comment  --> and finally end comment line.</p>
    </body>
</html>

Output :

1. Comment tag sample text. Comment Start Here and comment end.

2. Another comment line start and finally end comment line.

HTML Tutorial