Strong, Italic and Underline - Your Fourth Web Page

Submitted by Sudheer on Thu, 09/13/2007 - 19:05.

HTML

How to write text in bold, italic and underline in XHTML documents?

We have created three web pages and now we know how to write text paragraphs in XHTML documents. We also learned how to include line breaks and non-breaking space characters in XHTML documents. In this primer we will learn how to write text in bold, italics and underline in XHTML documents.

<strong>...</strong>
The strong tag begins with <strong> and ends with </b>. Any text inserted within the <strong> and </strong> is displayed in bold. The strength of the text enclosed in <strong> and </strong> is notably greater, hence the name of the tag is strong. <b>...</b is also an XHTML. The <strong>...</strong> tag has the same effect as <b>...</b>. The usage of strong tag is more appropriate than the bold tag.

<i>...</i>
The italic tag begins with <i> and ends with </i>. Any text inserted within the <i> and </i> is displayed in italics.

<u>...</u>
The underline tag begins with <u> and ends with </u>. Any text inserted within the <u> and </u> is underlined.

The bold, italic and underlie tags are very useful to differentiate text content in XHTML documents.

Let's write a sample web page and demonstrate the use of bold, italic and underline tags.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" />
<title>Bold, Italic and Underline - Your Fourth Webpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>In this document we are learning three new elements - bold, italic and underline.</p>
<p>Let us write some text in bold. Here <strong>we go</strong>. Let us write some text in italic also. Here <em>we go</em>. Now is the time to underline some text. <u>These words</u> are underlined.</p>
</body>
</html>

I guess the tags are self explanatory. If you want to me describe them please let me know by posting comments here. I will be glad to clarify your questions. The example files are attached. You can download them for your reference.

Bookmark/Search this post with: