Saturday, April 23, 2011

HTML: Font Style


Blinking

The blink element is alternate between being visible and invisible. The tag for the blinking of text is <blink>….</blink> and the coding in html –

<body>
            <blink>This is blink style text</blink>
</body>

The support of this style is absent from Internet Explorer as a web browser and the support of this tag is absent from Netscape as a HTML editor.


Bold

The tag is <b>….</b> and the coding in HTML –
<body>
            <b>This is bold style text</b>
</body>


Citation

Citation is a reference used to the original source. The tag for this <cite>……</cite> and the coding in HTML –

<body>
            <cite>This is citation style text</cite>
</body>
 

Code

This tag is used to the fixed-width text format. The tag is <code>……</code> and the coding style in HTML –

<body>
            <code>This is code style text</code>
</body>


Emphasis

The tag for emphasis is <em>…..</em> and the coding in HTML –

<body>
            <em>This is emphasis style text</em>
</body>


Italic

Tag for Italic is <I>……..<I> and the coding for HTML –

<body>
            <I>This is italic style text</I>
</body>


Sample

This tag is used as a example of anything on the web page. The tag for the sample is <samp>…….<samp> and the coding for HTML is –

<body>
            <samp>This is sample style text</samp>
</body>


Strikethrough

The strike HTML tags mean Strikeout, and they are used to display text with a solid line through it. The tag for strike is <s>…..</s> or <strike>……</strike> and the coding for HTML is –

<body>
            <s>This is strike style text</s>
</body>
Or
<body>
            <strike>This is strike style text</strike>
</body>


Strong

The strong text is like as bold. The tag for strong is <strong>……..<strong> and the coding is –

<body>
            <strong>This is strong style text</strong>
</body>


Subscript

A subscript is a number, figure, symbol or indicator that appears smaller than the normal line of type and appears at or below the baseline. You can use the subscript tags to place subscripted text onto your websites. Subscript text is produced by putting it inside the tags <sub> and </sub>. The coding for O2 in HTML is –

<body>
            O<sub>2</sub>
</body>

And for H2SO4
<body>
            H<sub>2</sub>SO<sub>4</sub>
</body>


Superscript

A superscript is a number, figure, symbol or indicator that appears smaller than the normal line of type and appears above the baseline. You can use the superscript tags to place superscript text onto your websites. Superscript text is produced by putting it inside the tags <sup> and </sup>. The coding for a2+b2 in HTML –

<body>
            a<sup>2</sup>+b<sup>2</sup>
<body>



TT

TT is the fixed-width format. This style is also known as teletype. Teletype text is produced by putting it inside the tags <tt> and </tt>. The coding for HTML –

<body>
            <tt>This is teletype style text</tt>
</body>


Underline

Underline is produced by putting text inside the tags <u> and </u>. The coding for HTML –

<body>
            <u>This is underline style text</u>
</body>


Variable

Variable is produced by putting text inside the tags <var> and </var>. The variable is like as normal in HTML. The coding system for variable –

<body>
            <var>This is variable style text</var>
</body>


Example

Now we can create a webpage through the following style.

Program:

<html>
<head>
            <title>Font Style</title>
</head>
<body>
            <blink>This is blink style text</blink><br>
            <b>This is bold style text</b><br>
            <cite>This is citation style text</cite><br>
            <code>This is code style text</code><br>
            <em>This is emphasis style text</em><br>
            <I>This is italic style text</I><br>
            <samp>This is sample style text</samp><br>
            <s>This is strike style text</s><br>
            <strike>This is strike style text</strike><br>
            <strong>This is strong style text</strong><br>
            O<sub>2</sub><br>
            H<sub>2</sub>SO<sub>4</sub><br>
            a<sup>2</sup>+b<sup>2</sup><br>
            <tt>This is teletype style text</tt><br>
            <u>This is underline style text</u><br>
            <var>This is variable style text</var><br>
</body>
</html>

Note: <br> is used to line break. The <br> tag is an empty tag which means that it has no end tag.

Output:


No comments:

Post a Comment