Top Banner
Unit 4 – Text in HTML Presentation 2 Web Programming
14

M02 un04 p02

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 p02

Unit 4 – Text in HTML

Presentation 2

Web Programming

Page 2: M02 un04 p02

Objectives

At the end of this presentation, you will be able to• Change the size, colour and font face of a text

Page 3: M02 un04 p02

Big, Small and Font tags

• The size of the text can be made bigger or smaller.

• <BIG>, <SMALL> and <FONT> tags can be used to modify the size of the text.

Page 4: M02 un04 p02

Hands-On!

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

• The output is shown below:

Page 5: M02 un04 p02

Big Tag

• <BIG> tag makes the size of the text slightly bigger.

• Should be enclosed between <BIG> and </BIG> tags.

• Example:<BIG> Helping others </BIG>

Page 6: M02 un04 p02

Small Tag

• <SMALL> tag makes the size of the text slightly bigger.

• Should be enclosed between <SMALL> and </SMALL> tags.

• Example:<SMALL> Getting help from others </SMALL>

Page 7: M02 un04 p02

Font Tag

• Used to modify the face, colour and size of the text.

• Attributes of <FONT> tag are:– Face– Size– Color

• Example <FONT Face="ARIAL" Size="5"

Color="GREEN"> The text to be modified </FONT>

Page 8: M02 un04 p02

Activity 2.4.2

1. Create a web page that explains the <BIG>, <SMALL> and <FONT> tags as shown in the Figure.

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

Page 9: M02 un04 p02

Activity 2.4.2 Contd.

Page 10: M02 un04 p02

Lab Exercise

2. Open D4_2.html in Internet Explorer.

a. View the source code in Notepad.

b. Identify the attribute which is used for changing font name?

c. Identify the attributes in <FONT> tag?

d. Identify the attribute which is used for changing font colour?

Page 11: M02 un04 p02

Lab Exercise

3. Open D4_3.html in Internet Explorer. a. View the source code in Notepad.b. Identify the attribute which is used for

change the size of the text?c. Identify the tag which is used to make

the size of the text slightly bigger than the current size of the text?

d. Identify the tag which is used to make the size of the text slightly smaller than the current size of the text?

Page 12: M02 un04 p02

Lab Exercise

4. Open Malaysia.html you have created in the previous unit, add <Font>, <B>, <I> and <U> tags into the file and display the output as given in the Information about Malaysia figure.

Page 13: M02 un04 p02

Summary

In this presentation, you learnt the following:• The <BIG> tag is used to make the size of

the text slightly bigger than the current size of the text.

• The <SMALL> tag is used to make the size of the text slightly smaller than the current size of the text.

• The attributes that can be used with the <FONT> tag are Face, Size and Color.

Page 14: M02 un04 p02

Assignment

1. Write the use of <BIG>, <SMALL> and <FONT> tags.

2. Name the attributes used along with <FONT> tag.