Hello, world!

Formatting HTML

HTML Formatting describes how the formatting of the text is done in the HTML tutorial, the text can be formatted in many ways; italic, bold, underlined etc.



The Bold text

Applying the HTML <b> bold tag allows you create bold text.
Any text enclosed in <b>...</b> will be presented in bold format.
 

Syntax bold text:

<b>text</b>
 

HTML code example bold text:


<p>How to make <b>bold</b> text.</p>
 

HTML output bold text:

How to make bold text.


 

The Italic text

Applying the HTML <i> italic tag lets you create italic text or to to highlight a word or phrase.
Any text enclosed in <i>...</i> will be presented in italicized format.
 

Syntax italic text:

<i>text</i>
 

HTML code example italic text:

<p>How to make <i>italic</i> text.</p>
 

HTML output italic text:

How to make italic text.


 

The Underlined text

 
Applying the HTML <u> underlined tag allows you to build a line under the baseline of the text.
Any text enclosed in <u>...</u> will be presented containing underline.
 

Syntax underlined text:

<u>text</u>
 

HTML code example underlined text:

<p>How to make <u>underlined</u> text.</p>
 

HTML output underlined text:

How to make underlined text.


 
The Strike text
Applying the The HTML <strike> strikethrough tag allows you to build text containing a strikethrough, or a thin line through it.
Any text enclosed in <strike>...</strike> will be presented in strikethrough format.
 

Syntax strike text:

<strike>text</strike>
 

HTML code example strike text:

<p>How to make <strike>strikethrough</strike> text.</p>
 

HTML output strike text:

How to make strikethrough text.


 

The Monospaced Font

Applying the HTML <tt> monospace tag allows  you to build text presented in a monospace font.
Any text enclosed in <tt>...</tt> will be presented in monospaced format.
 

Syntax monospaced font:

<tt>text</tt>
 

HTML code example monospaced font:

<p>How to make word in <tt>monospaced</tt> typeface.</p>
 

HTML output monospaced font:

How to make word in monospaced typeface.


 

The Superscript text

Applying the HTML <sup> tag, allows you to build text that is raised above the preceding text (about a character’s height) and is presented similar size as the characters prior to it.
Any text enclosed in <sup>...</sup> will be presented in superscript format.
 

Syntax superscript text:

<sup>text</sup>
 

HTML code example superscript text:

<p>E=mc <sup>2</sup></p>
 

HTML output superscript text:

E=mc 2


 

The Subscript text

Applying the HTML <sub> tag, allows you to build text that is below the preceding text and is displayed similar size as the characters prior to it.
Any text enclosed in <sub>...</sub> will be presented in subscript format.
 

Syntax subscript text:

<sub>text</sub>
 

HTML code example subscript text:

<p>C<sub>6</sub> H<sub>12</sub> O<sub>12</sub></p>
 

HTML output subscript text:

C6 H12 O12


 

The Inserted text

Applying the HTML <ins> tag, allows you to build text that is presented as insterted text.
Any text enclosed in <ins>...</ins> will be presented in inserted format.
 

Syntax inserted text:

<ins>text</ins>
 

HTML code example inserted text:

<p>I want to eat <del>meat</del> <ins>vegetables.</ins></p>
 

HTML output inserted text:

I want to eat meat vegetables.


 

The Deleted text

Applying the HTML <del> tag, allows you to build text that is presented as deleted text.
Any text enclosed in <del>...</del> will be presented in deleted format.
 

Syntax deleted text:

<del>text</del>
 

HTML code example deleted text:

<p>I don’t want to eat <del> vegetables </del> <ins>meat.</ins></p>
 

HTML code example deleted text:

I don’t want to eat vegetables <ins>meat.


 

The Larger text

Applying the HTML <big> tag, allows you to build text that is showed one font size bigger than the rest of the text preceding it.
Any text enclosed in <big>...</big> will be presented in larger format.
 

Syntax larger text:

<big>text</big>
 

HTML code example larger text:

<p>How to make <big>Larger</big> text.</p>
 

HTML output larger text:

How to make Larger text.


 

The Smaller text

Applying the HTML <small> tag, allows you to build text that is presented one font size smaller than the rest of the text preceding it.
Any text enclosed in <small>...</small> will be presented in smaller format.
 

Syntax smaller text:

<small>text</small>
 

HTML code example smaller text:

<p>How to make <small>smaller</small> text.</p>
 

HTML output smaller text:

How to make smaller text.


 

Grouping Content - Div Tag

The <div> tag is used to identify different sections of an HTML document.  
It is also applied to group block-elements and use CSS styles.
 

HTML code example div tag:

<div id="menu" align="middle" >
<a href="/index.htm">HOME</a> |
<a href="/about/News.htm">NEWS</a> |
<a href="/about/index.htm">ABOUT</a>
</div>
<div id="content" align="left" bgcolor="white">
<h5>World News</h5>
<p>Read news here.....</p>
 

Grouping Content - Span Tag

Applying the <span> tag can be applied to group inline-elements in a document for styling purposes.
It gives a method to include a hook to a certain text or documents.
 

HTML code example span tag:

<p>How to make <span style="color:yellow">span tag</span> and the <span style="color:blue">div tag</span> </p>
 

HTML output span tag:

How to make span tag and the div tag