HTML tags for headings, paragraphs and formatting text

The most important tags in HTML are tags that define headings, paragraphs, body and line breaks. The
basic HTML Tags are described here in the form of table so that you can remind them easily.

Basic HTML Tags

Tag Description

<html> Defines an HTML document

<head>Defines information about the document

<title> Defines the document title

<body> Defines the document's body

<h1> to <h6> Defines header 1 to header 6

 Defines a paragraph

 Inserts a single line break

<hr> Defines a horizontal rule

<!--> Defines a comment

Description Of The Above Tags

<html>tag

This element tells a browser that this is an HTML document. This tag is defined at the top of the HTML
file and at the end of file.

Format:

<html> <body>..............body of HTML.............</body></html>

Example:

<html> <body> this is my first page </body></html>

<head> tag

The head tag defines information about the document. The browser does not display the "head
information" to the user. The following tags can be in the head section: <base>, <link>, <meta>, <script>,
<style>, and <title>. The head tag is used between <html> and <body> tags.

Format:

<html> <head>.....head sections....</head><body>......body of HTML........</body></html>

Example:

<html> <head><title>Basic tag</title></head>>body> this is my first page </body></html>

<title> tag

Title tag defines the title of the document which appears in the Title bar of the explorer window. Title
tag is used in between <head> and </head> tag because it is title tag is section of <head> tag.

Format:

<html> <head><title>Title of the Page</title></head><body>.....body of HTML......</body></html>

Example:

<html> <head><title>Basic tag</title></head><body> this is my first page </body></html>

<body> tag

The body element defines the document's body. It contains all the contents of the document (like text,
images, colors, graphics etc).

Format:

<body bgcolor ="color_name" background="file_name" links="color_name" text="color_name">

Example:

<body bgcolor ="red" background="c:imgsky.jpg" links="blue" text="black">

Attributes

Attribute Value Description

background file_name An image to use as the background. Deprecated. Use styles instead.

bgcolor color_name The background color of the document. Deprecated. Use styles instead.

link, alink, vlink color_name Specifies the color of all the links in the document. Deprecated. Use
styles instead.

text color_name Specifies the color of the text in the document. Deprecated. Use styles instead.

<hn>...</hn> Heading Tags

These tags are used to display headings in an HTML document. through these tags you can increase the
size of the text. In these tags <h1> tag defines the largest header & <h6> defines smallest.

These tags are <h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5>

Format:

<hn>.............. text..............</hn>

Example:

<h1> this is my first page </h1> or <h1 align="right">text</h1> Attribute of the <hn> Tag.

Attribute of the <hn> Tag

It has only one attribute i.e. Align="value" values may be right, left, center and justified. you can use this
align attribute in many tags to align the text or elements.

align value (right, center, left, justified)

..... Paragraph Tag

This tag is used for creating the paragraph in the web page. It is used inside the body of file.

Format:

......longtext..........

Example:

 This is the test of paragraph tag........

In this tag align attribute can be used.

 tag

The tag inserts a single line break. Use the tag to enter blank lines, not to separate
paragraphs. This tag has no end tag.

Format

text........ .....text

Example:

This is a break in the line.

<hr> tag

The <hr> tag inserts a horizontal rule. The <hr> tag has no end tag.

Format:

text......<hr> ......text or text......<hr align=" " size=" " width=" ">.... text

Example:

This is the test of the tag <hr>

Attribute

Attribute Value Description

align right,left,center The alignment of the horizontal rule.

size % , pixels The thickness (height) of the horizontal rule.

width % , pixels The width of the horizontal rule.

 Comment Tag

The comment tag is used to insert a comment in the source code. A comment will be ignored by the
browser. You can use comments to explain your code, which can help you when you edit the source
code at a later date.

You can also store program-specific information inside comments. In this case they will not be visible
for the user, but they are still available to the program. A good practice is to comment the text inside
the script and style elements to prevent older browsers, that do not support scripting or styles, from
showing it as plain text.

Format:



Example:



You might have became bored of reading so lets do some practical.

Follow these Steps:

copy this code in the new file of any text editor.

Save it with htm or html extension.

Open the Internet Browser.

Open the saved file in it.

Example:

<html>

<head>

<title>In body tag</title>

</head>

<body bgcolor="lightyellow" text="red">

In body tag, background color is defined as black and textcolor is defined as the white.

<hr>

<h1> this is the h1 header </h1>

<h2> this is the h2header </h2>




<hr>This is the use of "Break" tag and you will see use of more tags 

<hr> look at the use of comment tag it is good

<hr> This is the use of paragraph tag and you will see use of more tags 

The effect of "hr" tag <hr>

</body>

</html>

Explanation of the page:

The title of the page is at the top in blue strip. All the text appears in white color and background in the
black color. Because in the <body> tag the bgcolor and text color is defined. The horizontal line appears
because of the <hr> tag and the tag breaks the text in between and displays it on new line. The

comment statement i

Character Format Tags

These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the
text.

All these character formatting Tags are defined in the table shown below:

Char Format Tag Description

 Displays bold text

 Displays italic text

<tt> Renders as teletype or mono spaced text

 Displays underlined text

 Displays emphasized text

<big> Displays big text

 Displays small text

 Displays strong text

 Displays subscripted text

 Displays superscripted text

<bdo> Defines the direction of text display

 Defines the font face, size, and color of text

 Tag

The tag is used to make the text bold.

Format:

 ................text.........

 Tag

The tag displays the italic text.

Format:

 ................text.........;

<tt> Tag

The <tt> tag displays the typewriter text.

Format:

<tt> ................text.........</tt>

 Tag

The tag displays the underlined text.

Format:

 ................text.........

 Tag

The tag displays the emphasized text.

Format:

 ................text.........

<big> Tag

The <big> tag displays the big text.

Format:

<big> ................text.........</big>

 Tag

The tag displays the small text.

Format:

 ................text.........

 Tag

The tag displays strong text.

Format:

 ................text.........

 Tag

The tag displays text in subscripted format.

Format:

 ................text.........

 Tag

The tag displays superscripted text.

Format:

 ................text.........

<bdo> Tag

The <bdo> tag defines the direction of the text.

Format:

<bdo> ................text.........</bdo>

 Tag

The tag defines the font, color, size of the text.

Format:

........text.........

Examples of the Text Formatting tags

Examples Outputs

This text is bold This text is bold

 This text is strong This text is strong

<big> This text is big </big> This text is big

 This text is emphasized This text is emphasized

 This text is italic This text is italic

 This text is small This text is small;

This text contains subscript This text contains subscript

This text contains superscript This text contains superscript

 this is underlined text this is underlined text

<bdo dir="rtl">Here is some Hebrew text</bdo> Here is some Hebrew text

You have read all the basic tags, So now lets do some practical.

Just write/copy this example on any text editor new file and save the file and open in the browser and
see how it looks.

Example:

<html>

<body>

This text is bold

 

 This text is strong

<big> This text is big </big>

 

 This text is emphasized 

 

 This text is italic 

 

 This text is small 

 

 this is underlined text 

 

This text contains

 subscript 

 

This text contains

 superscript 

 The use of font tag



this is use of font tag

</body>

</html>

Page in browser will Look Like:

Click Here! to see the animation of Character Format Tags.s not displayed.

Character Format Tags

These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the
text.

All these character formatting Tags are defined in the table shown below:

Char Format Tag Description

 Displays bold text

 Displays italic text

<tt> Renders as teletype or mono spaced text

 Displays underlined text

 Displays emphasized text

<big> Displays big text

 Displays small text

Displays strong text

 Displays subscripted text

 Displays superscripted text

<bdo> Defines the direction of text display

 Defines the font face, size, and color of text

 Tag

The tag is used to make the text bold.

Format:

 ................text.........

 Tag

The tag displays the italic text.

Format:

 ................text.........;

<tt> Tag

The <tt> tag displays the typewriter text.

Format:

<tt> ................text.........</tt>

 Tag

The tag displays the underlined text.

Format:

 ................text.........

 Tag

The tag displays the emphasized text.

Format:

 ................text.........

<big> Tag

The <big> tag displays the big text.

Format:

<big> ................text.........</big>

Tag

The tag displays the small text.

Format:

 ................text.........

 Tag

The tag displays strong text.

Format:

 ................text.........

 Tag

The tag displays text in subscripted format.

Format:

 ................text.........

 Tag

The tag displays superscripted text.

Format:

................text.........

<bdo> Tag

The <bdo> tag defines the direction of the text.

Format:

<bdo> ................text.........</bdo>

 Tag

The tag defines the font, color, size of the text.

Format:

........text.........

Examples of the Text Formatting tags

Examples Outputs

This text is bold This text is bold

 This text is strong This text is strong

<big> This text is big </big> This text is big

 This text is emphasized This text is emphasized

 This text is italic This text is italic

 This text is small This text is small;

This text contains subscript This text contains subscript

This text contains superscript This text contains superscript

 this is underlined text this is underlined text

<bdo dir="rtl">Here is some Hebrew text</bdo> Here is some Hebrew text

You have read all the basic tags, So now lets do some practical.

Just write/copy this example on any text editor new file and save the file and open in the browser and
see how it looks.

Example:

<html>

<body>

This text is bold

 

 This text is strong 

 

<big> This text is big </big>

 

 This text is emphasized 

 

 This text is italic 

 

 This text is small

this is underlined text 

 

This text contains

 subscript 

 

This text contains

 superscript 

 The use of font tag



this is use of font tag

</body>

</html>

Page in browser will Look Like:

Click Here! to see the animation of Character Format Tags.

HTML tags for headings, paragraphs and formatting text

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (12)

Similar to HTML tags for headings, paragraphs and formatting text

Similar to HTML tags for headings, paragraphs and formatting text (20)

HTML tags for headings, paragraphs and formatting text