0% found this document useful (0 votes)
25 views18 pages

HTML Chapter 4 Text Formatting: Developing A Web Site 1

This document discusses HTML text formatting tags. It explains tags like <B> for bolding text, <I> for italics, <SMALL> and <BIG> for changing font sizes, and <SUP> and <SUB> for superscript and subscript. It also covers the <STRIKE> tag for strikethrough, <U> for underlining, and <PRE> for preformatted text. The document concludes by discussing text alignment using the ALIGN attribute to left, center, or right-justify paragraphs, headings, and divisions of text.

Uploaded by

Puteri Maisara
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
25 views18 pages

HTML Chapter 4 Text Formatting: Developing A Web Site 1

This document discusses HTML text formatting tags. It explains tags like <B> for bolding text, <I> for italics, <SMALL> and <BIG> for changing font sizes, and <SUP> and <SUB> for superscript and subscript. It also covers the <STRIKE> tag for strikethrough, <U> for underlining, and <PRE> for preformatted text. The document concludes by discussing text alignment using the ALIGN attribute to left, center, or right-justify paragraphs, headings, and divisions of text.

Uploaded by

Puteri Maisara
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 18

HTML

Chapter 4 Text Formatting

Developing a Web Site 1


Objective

 You will learn to


 control the appearance and arrangement of
text on your pages.
 incorporate boldface, italics, and other
special text formatting into your pages.
 Text alignment.

Developing a Web Site 2


Text Formatting Tag

 <B>…</B>
 <I>…</I>
 <SMALL>…</SMALL>
 <BIG>…</BIG>
 <SUP>…</SUP>
 <SUB>…</SUB>
 <STRIKE>…</STRIKE>

Developing a Web Site 3


Text Formatting Tag - continued

 <U>…</U>
 <PRE>…</PRE>

Developing a Web Site 4


<B>…</B>

 To bold the text face


 Example:
 <B>Chapter 4 Text Formatting</B>
 The meeting time is <B>12.00pm</B>.

Developing a Web Site 5


<I>…</I>

 Make the text in italic format.


 Example:
 <I>Learning</I> is an on going process.
 You can use <B><I>bold and Italic</I></B>
together. The order of opening and closing
tag are important.
 <I><H1>Welcome to my web site</H1></I>

Developing a Web Site 6


<SMALL>…</SMALL>

 To create a smaller text.


 Text is slightly smaller than normal.
 Example:
 I like to eat <SMALL>sweet</SMALL>.

Developing a Web Site 7


<BIG>…</BIG>

 To create bigger text.


 Text is slightly larger than normal.
 Example:
 I don’t like to eat <BIG>fruits</BIG>.

Developing a Web Site 8


<SUP>…</SUP>

 Make the text to be superscript.


 Example:
 Today’s date is 12<SUP>th</SUP> July
2005.

Developing a Web Site 9


<SUB>…</SUB>

 Make the text to be subscript.


 Example:
 Water in scientific term is
<SUB>2</SUB>O.

Developing a Web Site 10


<STRIKE>…</STRIKE>

 Put a strikethrough line in text.


 Example:
 I like sweet / <STRIKE>fruits</STRIKE>
very much.

Developing a Web Site 11


<U>…</U>

 To underline text.
 Example:
 Please don’t not <U>litter</U>. This is a bad
habbit.

Developing a Web Site 12


<PRE>…</PRE>
 The <PRE> tag causes text to appear in the
monospaced font.
 It also causes exact spacing and line breaks to
be preserved.
 Example:
 <PRE>No. Description Price(RM)
1 Pencil 0.70
2 Pen 1.20
--------------
Total 1.90</PRE>
 
Developing a Web Site 13
Text Alignment

 To align a paragraph in the right margin.


 Tag: <P>
 Attribute: align(left, center or right)

 Example:
 <P ALIGN=“right”>Hello!! How are you?
 <P ALIGN=“center”>Hello!! How are you?

Developing a Web Site 14


Text Alignment - continued

 To align the headings in the right margin.


 Tag: <H1>…</H1>, <H2>…</H2>, <H3>…
</H3>, <H4>…</H4>, <H5>…</H5> and
<H6>…</H6>
 Attribute: align(left, center or right)

 Example:
 <H1 align=“center”>Welcome</H1>

Developing a Web Site 15


Text Alignment - continued
 To set the alignment of more than one
paragraph, headings, lines of text,
images and etc at a time.
 Tag: <DIV>…</DIV>
 Attribute: align(left, center or right)
 Example:
 <DIV align=“center”>
<P>Hello!!
<P>How are you?
<P>I am fine.
</DIV>
Developing a Web Site 16
Text Alignment - continued
 <DIV align=“center”>
<P>Hello!!
<P align=“left”>How are you?
<P>I am fine.
</DIV>

Developing a Web Site 17


Summary
 This chapter showed you how to make text
appear as boldface, italic, or with other special
formatting, such as superscripts, subscripts, or
strikethrough text.
 You saw how to make everything line up
properly in preformatted passages of
monospaced text.
 Finally, you learned that the ALIGN attribute to
center or right-justify text.

Developing a Web Site 18

You might also like