Basic Text Formatting in HTML, Free online HTML Tutorial, Learn HTML online for free...

In this lesson we will learn about the text formatting capabilities of HTML. Before we proceed, recall from lesson one that every html web page is enclosed between <html> and </html> tags. Everything between<body> and </body> tags is displayed in a web browser window. To experiment with the coming tags, you need to write them within <body> and </body> tags.

Making Text appear BOLD:

To make the text appear as bold just place your text between and tags.

This text is bold

Output:

This text is bold

The same effect can also be obtained by using and tags.

Making Text appear in ITALICS:

To make your text appear in Italics just place it between and tags.

This text is ITALIC

The same effect can also be obtained by using and tags.

Output:

This text is ITALIC

Underlining Text:

The text has to be surrounded by and tags to get it underlined.

This Text is underlined

Output:

This Text is underlined

~~Strike Through:~~

To make the text appear strike through, we need to enclose it within <strike> and </strike> tags.

<strike>Strike Through Text</strike>

Output:

~~Strike Through Text~~

Writing in Type Writer Style:
To make your text appear in type writer style, also called in HTML as fixed width font, add <tt> to the beginning of the text and </tt> to the end.

<tt>This is fixed width font</tt>

Output:

This is fixed width font

Preformatted Text:

Have you ever noticed that the browsers ignore extra blank space / white space characters and line spacing. However, sometimes it becomes necessary to add extra spacing between text and lines. The solution is the <pre> tag. Everything enclosed within <pre> and </pre> tags appear as preformatted.

<pre>This   text     is 
pre         formated</pre>

Output:

This   text     is 
pre         formated

Next >>> Lesson No. 4: Basic Text Formatting in HTML 2