Top Banner
Unit 4 – Text in HTML Presentation 1 Web Programming
12

M02 un04 p01

Jan 20, 2015

Download

Technology

Intan Jameel

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: M02 un04 p01

Unit 4 – Text in HTML

Presentation 1

Web Programming

Page 2: M02 un04 p01

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?

Page 3: M02 un04 p01

Objectives

At the end of this presentation, you will be able

to• Make the text bold, italic and underlined

Page 4: M02 un04 p01

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

Page 5: M02 un04 p01

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

Page 6: M02 un04 p01

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>

Page 7: M02 un04 p01

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>

Page 8: M02 un04 p01

Underline

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

<U> General Knowledge </U>

Page 9: M02 un04 p01

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.

Page 10: M02 un04 p01

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.

Page 11: M02 un04 p01

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.

Page 12: M02 un04 p01

Assignment

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