www.pickatutorial.com Computer Tutorials
Top eBooks: C/C++ | C# | Android | Mathematics | Database | Cloud | Graphics | Networking | Oracle | Hardware | AI
Top Tutorials: C/C++ | C#.NET | PHP MySQL | Java | Java Script | jQuery | HTML | xHTML | HTML5 | VB Script| CSS
Lessons Basic Text Formatting in HTML Bookmark and Share
Tutorial Home
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
Lesson 8
Lesson 9
Lesson 10
Lesson 11
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 19
Lesson 20
Lesson 21
Lesson 22
Lesson 23
Lesson 24
Lesson 25
Lesson 26
Lesson 27
Lesson 28
Lesson 29
Lesson 30
Lesson 31
Lesson 32
Lesson 33
Lesson 34
Lesson 35
Lesson 36
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 <b> and </b> tags.

<b>This text is bold</b>

Output:

This text is bold

The same effect can also be obtained by using <strong> and </strong> tags.

Making Text appear in ITALICS:

To make your text appear in Italics just place it between <i> and </i> tags.

<i>This text is ITALIC</i>

The same effect can also be obtained by using <em> and </em> tags.

Output:

This text is ITALIC

Underlining Text:

The text has to be surrounded by <u> and </u> tags to get it underlined.

<u>This Text is underlined</u>

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







Home - Advertise - Contact - Disclaimer - About Us
© Since 2006 pickatutorial.com -- All Rights Reserved.