02 Formatting Tags

7/27/2019 02 Formatting Tags

1/14

Formatting Tags


2/14

Formatting Tags

They are used to format the text on the

web page.

HTML defines a lot of elements for

formatting output, like bold or italic text.

There are 2 types of Formatting Tags:

Text Level

Paragraph Level or Block Level

2Mrs. Hiyashini Tanwani, SYBFM 2012,

CHM College


3/14

Text Level Formatting Tags

The Text Level is further divided into 2

types:

Font Formatting

Phrase Formatting


CHM College


4/14

Font Formatting

Tag Name Type /Function

Attributes Example

Bold Container

Displays textin BOLD

NONE

Bold Effect

Container

Displays text

in a font size

bigger than

default

NONE

Effect of

BIG tag


CHM College


5/14

Tag Name Type /

Function

Attributes Example

Container

Displays

text in afont size

smaller

than default

NONE

Effect of

SMALL tag

Italic Container

Displays

text in Italic

NONE

Italic Effect


CHM College


6/14

Tag Name Type /

Function

Attributes Example

Container

Sets base

size, color,properties

for the body

text font

color

size

face

Effect of

FONT tag


CHM College


7/14

Tag Name Type /

Function

Attributes Example

/

Container

Displays text

with strike

mark

NONE

Strike Effect

Subscript

Container

Displays the

text in

subscript

NONE H20

Superscript

Container

Displays the

text in

superscript

NONE x 2


CHM College


8/14

Tag Name Type /

Function

Attributes Example

Teletype

ContainerContains

text to be

displayed

in fixedwidth form

NONE Effectof Teletype

Tag

Underline

Container

Displaysthe text in

Underline

NONE

UnderlineTag

Example8

Mrs. Hiyashini Tanwani, SYBFM 2012,CHM College
http://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Font%20Formatting.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Font%20Formatting.htm


9/14

Phrase Formatting

Tag Name Type / Function Attributes Example

Container NONE

Effect of

Address Tag

Emphasize

Container NONE

Effect of

Emphasize

Tag


CHM College


10/14

Tag Name Type /

Function

Attributes Example

Definition

Container NONE Effect of

Definition

Tag

Delete

Container cite

datetime

Effect of

DELETETag


CHM College


11/14

Tag Name Type / Function Attributes Example

Insert

Container NONE Effect of

INSERT Tag

Container NONE

Effect of

Strong Tag

Example

11Mrs. Hiyashini Tanwani, SYBFM 2012,CHM College
http://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Phrase%20Formatting.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Phrase%20Formatting.htm


12/14

Block-Level Formatting

Tag Name Type Purpose Syntax

Break

Standalone Inserts a line break

in the document.

Container Indicates that the

browser should

horizontally centerthe contained text.

Horizontal

Standalone Draws a horizontal

line across the

page



13/14

Tag Name Type Purpose Syntax

n=1,2,3,4,5,6

Heading

Container Creates headings

H1 Highest Size

H6 Lowest Size

Where, n=1,2,3,4,5,6

Paragraph

Container Contains a

paragraph

It forces a break

before & after text

Preformatted

Container Specifies that the

browser is to render

text as is, with its

embedded line

breaks and spacesintact

.

-

bidirectional

order

Container Controls the

direction of the text

Example 13Mrs. Hiyashini Tanwani, SYBFM 2012,CHM College
http://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Block%20Level%20Formatting.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Block%20Level%20Formatting.htm


14/14

Character Entities

To display the characters such as , &,

,, ,, and more

Example

Text Formatting Example

http://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Character%20Entities.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Text%20Formatting%20Tags.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Text%20Formatting%20Tags.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Text%20Formatting%20Tags.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Text%20Formatting%20Tags.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Text%20Formatting%20Tags.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Text%20Formatting%20Tags.htmhttp://localhost/var/www/apps/conversion/tmp/Powerpoint/Source/Formatting%20Tags/Character%20Entities.htm

Documents

02 Formatting Tags