Saturday, August 2, 2008

HTML Text Formatting


HTML defines a lot of elements for formatting output, like bold or italic text. Below are a lot of examples that you can try out yourself:

Examples

Text formatting

This example demonstrates how you can format text in an HTML document.

Preformatted text

This example demonstrates how you can control the line breaks and spaces with the pre tag.

"Computer output"

tags

This example demonstrates how different "computer output" tags will be displayed.

Address

This example demonstrates how to write an address in an HTML document.

Abbreviations and acronyms

This example demonstrates how to handle an abbreviation or an acronym.

Text direction

This example demonstrates how to change the text direction.

Quotations

This example demonstrates how to handle long and short quotations.

Deleted and inserted text

This example demonstrates how to mark a text that is deleted or inserted to a document.


How to View HTML Source

Have you ever seen a Web page and wondered "Hey! How did they do that?"

To find out, click the VIEW option in your browser's toolbar and

select SOURCE or PAGE SOURCE. This will open a window that shows you the


HTML code of the page.



Text Formatting Tags































































TagDescription
<b>Defines bold text
<big>Defines big text
<em>Defines emphasized text
<i>Defines italic text
<small>Defines small text
<strong>Defines strong text
<sub>Defines subscripted text
<sup>Defines superscripted text
<ins>Defines inserted text
<del>Defines deleted text
<s>Deprecated. Use <del> instead
<strike>Deprecated. Use <del> instead
<u>Deprecated. Use styles instead

"Computer Output" Tags














































TagDescription
<code>Defines computer code text
<kbd>Defines keyboard text
<samp>Defines sample computer code
<tt>Defines teletype text
<var>Defines a variable
<pre>Defines preformatted text
<listing>Deprecated. Use <pre> instead
<plaintext>Deprecated. Use <pre> instead
<xmp>Deprecated. Use <pre> instead
Citations, Quotations, and Definition Tags








































TagDescription
<abbr>Defines an abbreviation
<acronym>Defines an acronym
<address>Defines an address element
<bdo>Defines the text direction
<blockquote> Defines a long quotation
<q>Defines a short quotation
<cite>Defines a citation
<dfn>Defines a definition term

No comments: