Character Formating with examples

Character formatting with examples

There are a number of style tags which alters the appearance or format of the text. The tags used for altering the appearance or format of the text are known as formatting tags. These tags make HTML document more attractive. Some of the tags used for formatting HTML documents are:

Paragraph

Paragraphs are defined with the tag. It denotes a paragraph. Paragraphs allows adding text to a document in such a way that it will automatically adjust the end of the line to suit the window size of the browser in which it is being displayed. HTML automatically adds an extra blank line before and after a paragraph.

Example:

<P> This is a paragraph</P>

<P> This is another paragraph</P>

• Heading

The heading tag is used to create heading in the document. HTML supports six different levels of headings. The highest level header format is <H1> and the lowest level is <H6>. These are generally used for major divisions or heading of the paragraph / document. Headings are not mandatory. Headings are permitted to appear in any order, but one will obtain the best results when documents are displayed in a browser if one follows these guidelines.

<H1>; should be used as the highest level of heading, <H2> as the next higher and so on.

HTML automatically adds an extra blank line before and after a heading.

Example:

• Line Breaks

A tag <BR> can be used to end line. It forces a line break. It does not add extra line spaces like <P>. <BR> is a singular tag.

• Horizontal Rule

The <HR> Horizontal rule tag allows adding a horizontal line across the Web page. It is also a singular tag.

Text-Formatting Tags

The process of changing the appearance of the HTML document is known as text formatting or text element formatting. The Web browser only identifies the single spaces between the words or text. For giving line breaks and paragraph breaks, formatting tags are used.

For example:

• Nested tags (Tag inside tag or multiple tag)

In the above example, we saw a line of code with nested tags. <BR> <STRONG> these are both used to insert a line break and strong or same as bold </STRONG>. When you use nested tags, you must be sure that they do not overlap each other. They must be nested exactly. For example, some parts of text may insert a line break and strong or bold the text.

• Font Tag

The tag <FONT> is used for setting the size, color and face of any text on the Web page. This is a paired tag. It has the format of:

<FONT SIZE=”1 to 7” COLOR=”Color name” or RRGGBB” FACE=”font name”>…………. </FONT>

where, SIZE attribute can take any value from 1 to 7, with 3 being the normal default size. COLOR attribute can take any of the following standard color names like black, white, red, green, blue, yellow, gray, purple, aqua, lime, maroon, navy, silver, fuchsia, olive or teal. Color can also be specified by using the color code of RRGGBB in terms of Hexadecimal numbers. Each color can have 00 to FF range. Such as:

Face attribute is used to set the font type for the text.

Example:

(Shrestha, Manandhar and Roshan)

Bibliography

Shrestha, Prachanda Ram, et al. Computer Essentials. Kathmandu: Asmita's Publication, 2014.