HTML Text formatting tags

COMPUTER APPLICATIONS
CLASS X (Code 165)
TOPIC:
UNIT 2: Text Formatting Tags
By
HIMANSHU PATHAK

Contents
• Introduction
• Text Formatting Tags
• Font Tags

Introduction
• HTML provides us with the ability for formatting
text just like we do it in MS Word or any text
editing software.
• It gives us the ability to format the text without
using CSS.
• The following HTML tags are used to format the
appearance of the text on your web page.

Bold : 
• The tag is used to make a word or group of
the word special to draw the reader's attention.
• However, you should not use the b tag to make
text bold instead use the font-weight property of
CSS.
• Example:
– b tag is used to make special words
bold.
• Strong Emphasis - Used to
emphasize text more, which usually appears in
bold, but can vary according to your browser.

Italic : 
• It works as the same way as a word processor,
italics displays the text at a slight angle.
• It makes text italic and is used to define
technical terms, idiomatic text, etc.
• Example:
– HTML is a markup language.
• Emphasis - Used to emphasize
text, which usually appears in italics, but can
vary according to your browser.

Underline: 
• The tag is used to represent a non-literary
explanation.
• Again, the same as underline in a word
processor.
• Note that html links are already underlined
and don't need the extra tag.
• Example:
– p>There are lots of speling mistake in
thes line.

Strike-out: <strike> </strike>
• Puts a line right through the centre of the text,
crossing it out.
• Often used to show that text is old and no
longer relevant.
• Also works by using <s> </s> instead.
• The <del> tag defines texts which have been
remove from the document or webpage.
• Example:
– <s>Use <center> tag to ceter a text in
HTML.</s>

Preformatted Text: <pre> </pre>
• It is used to present text as it is written in an
HTML document.
• The whitespaces used in the element are
displayed the same as written.
• Example:
– <pre>Y Y
Y Y
Y Y
Y
Y
</pre>

Superscript: 
• The tag is used to display text as
superscript.
• Superscript is rendered with a raised baseline
and smaller text.
• This tag are broadly used in Mathematics.
• Example:
– Area of a Circle is: Pi * radius 2

Subscript: 
• The tag is used to display text as a
subscript.
• Subscript is rendered as small text with a
lower baseline.
• This tag is broadly used in Chemistry.
• Example:
– Molecular formula of water is
H2O

Small: 
• The tag is used to define smaller text
like copyright, comments, etc.
• By default, it renders text smaller than
standard however it can be controlled using
CSS.
• Example:
– The tag is used to make text
smaller.

Abbreviation: <abbr> </abbr>
• The <abbr> tag is used to represent an
abbreviation or acronym.
• The tag accepts a title attribute that accepts the
full form of the word.
• When the reader hovers the text it shows a full
description of the word.
• Example:
– <abbr title="Hypertext markup
language">HTML</abbr> is used to create
webpages.

Mark: 
• The tag marks or highlights a text to
grab reader's attention.
• Example:
– mark tag is used to highlight a
text.

Meter: <meter> </meter>
• The <meter> tag is used to define a scale with a given range
and value.
• The tag requires a defined value with min value and max value
of the scale.
• The min, max and the value are attributes of the tag.
• You can also give low and high values to the scale which is used
to change the color of the scale.
• If the value of the scale is below the low value then the scale is
green, if the value is between low and high then the scale is
yellow and if the scale is above the high value then the scale is
red.
• Example:
– Speed of bike was 65kmph <meter min="0" max="100"
low="33" high="66" value="65"></meter>

Quotation: <q> </q>
• The <q> tag defines an inline quotation.
• The most modern browser automatically adds
quotation marks around the text.
• Example:
– Modi is our <q>prime minister</q>

Font Tags
• The tag plays an important role in the web
page to create an attractive and readable web page.
• The font tag is used to change the color, size, and
style of a text.
• Now, it is not supported by HTML 5.
• The font tag has basically three attributes which are
given below:
– Size
– Face/Type
– Color

Font Size
• This attribute is used to adjust the size of the
text in the HTML document using font tag with
size attribute.
• The range of size of the font in HTML is from 1
to 7 and the default size is 3.
• Example:
– Welcome to! 
– Pathak’s Computer 
– Online-classes!

Font Type
• Font type can be set by using face attribute with
font tag in HTML document.
• The fonts used by the user need to be installed in
the system first.
• To show text in a particular font, use the font
name such "Helvetica" or "Arial" or "Courier".
• Example:
– Pathak’s Computer
Academy!!

Font Color
• Font color is used to set the text color using font
tag with the color attribute in HTML document.
• Color can be specified either with its name or
with Its hex code or with RGB value.
• Example:
– Himanshu 
– Pathak

Today we learn
• Learned basic Text Formatting Tags
• Font Tags and their attributes
• In the next class, we will start Unit II – Image,
Links & Lists Tags in detail.
•Thanks

HTML Text formatting tags

Recommended

More Related Content

What's hot (20)

Similar to HTML Text formatting tags (20)

More from Himanshu Pathak (18)

Recently uploaded (20)

HTML Text formatting tags