Tuesday, February 2, 2010

HTML Tutorial : Format

We have leard about html tags and we known about general format of html.
This section includes the tags often used for formatting the HTML text.

<font>
The <font> tag is used to change the format of the text on the web page. The most important attributes are as follows: javascript:void(0)

  • face: The type of font. Common ones include "Time New Roman", "Verdana", and "Helvetica."
  • size: This indicates the size of the text. This can be absolute (0 .. 6), or relative ("+1", "+2", ... or "-1", "-2" ...) 
  • color: This indicates the color of the text. Either the color name or the six-character color code may be used to specify color.



Below are some examples:

Example 1

HTML:
<font size=2 face="Helvetica" color=red>This illustrates the attributes of the font tag.</font>

Display:
This illustrates the attributes of the font tag.

Example 2

HTML:
<font size="+1" face="Verdana" color=AA5088>This illustrates the attributes of the font tag.</font>

Display:
This illustrates the attributes of the font tag.

<b>
The <b> tag will bold the text inside the tag.
<i>
The <i> tag will italicize the text inside the tag.
<u>
The <u> tag will underline the text inside the tag.
Here's an example using <b>, <i>, and <u>:

Example 3

HTML:
This <b>example</b> shows how <i>important</i> it is to use <u>tags</u>.

Display:
This example shows how important it is to use tags.

Header Tags
The header tags <h1>, ... <h6> allows us to place additional importance on the text within such tags. <h1> has the largest size, and <h6> the smallest. Many search engines put additional weight on the texts within the header tags.
Example 4

HTML:
<h1>This is h1 text.</h1>
<h2>This is h2 text.</h2>
<h3>This is h3 text.</h3>
<h4>This is h4 text.</h4>
<h5>This is h5 text.</h5>
<h6>This is h6 text.</h6>


Display:


This is h1 text.

This is h2 text.

This is h3 text.

This is h4 text.

This is h5 text.
This is h6 text.

<center>
The <center> tag causes all the text within the tag to be centered. An example is as follows:
Example 5

HTML:
<center>This is centered text.</center>

Display:




This is centered text.

<br>
The <br> tag indicates a line break. This tag is most often used by itself, without a corresponding closing tag.
<p>
The <p> tag indicates a new paragraph. It is the same as <br><br>. This tag is most often used by itself, without a corresponding closing tag.

0 comments:

Post a Comment