Unit 4 – Text in HTML

Presentation 1

Web Programming

Revision

1. Name the attribute used to change the alignment of a paragraph?

2. Write the use of <BR> tag?3. Give the purpose of adding comments?4. Name the tag used to scroll a text?5. Write the use of character entities?6. Give the tag and attribute used to add a

picture to the background of the browser window?

Objectives

At the end of this presentation, you will be able

to• Make the text bold, italic and underlined

Introduction

• Formatting a text refers to modifying the appearance of a text.

• Makes it attractive

• Presents it in a more readable form.

After FormattingBefore Formatting

Hands-On!

Open the HTML file BIU.HTML in C:\HTML\Unit4\Hands On Folder

• The output is shown below:

Text made Bold

Text made Italic

Text Underlined

Bold

• <B> tag is used to make a text bold.• Enclosed between <B> and </B> tags. • Example:

<B> Who is the father of Computer? </B>

Italic

• <I> tag is used to make the text slanted to the right.

• Enclosed between <I> and </I> tags.• Example:

<I> a) Charles Babbage </I>

Underline

• <U> tag is used to make the text underline.• Enclosed between <U> and </U> tags. • Example:

<U> General Knowledge </U>

Activity 2.4.1

1. Create a web page that explains the <B>, <I> and <U> tags as shown in Figure.

2. Save the HTML file as Activity1.HTML in C:\HTML\Unit4\Activity folder.

Lab Exercise

1. Open D4_1.html in Internet Explorer. a. View the Source code in Notepad.b. Identify the tag, which is used for displaying

the output in bold and underline.c. Identify the tag, which is used for the text

Micro Computers.d. Identify the <U> tag in the source code of

D4_1.html. e. Change the style of the Mainframe

Computers to bold, italic and underline.

Summary

In this presentation, you learnt the following:• The <B> tag is used to make a text bold. • The <I> tag is used for italicising the text.• The <U> tag is used for underlining a text.

Assignment

1. Name the tags used to make a text bold, italic and underlined.