M02 un04 p02

277 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
277
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

M02 un04 p02

  1. 1. Unit 4 – Text in HTML Presentation 2 Web Programming
  2. 2. Objectives <ul><li>At the end of this presentation, you will be able to </li></ul><ul><li>Change the size, colour and font face of a text </li></ul>
  3. 3. Big, Small and Font tags <ul><li>The size of the text can be made bigger or smaller. </li></ul><ul><li><BIG> , <SMALL> and <FONT> tags can be used to modify the size of the text. </li></ul>
  4. 4. Hands-On! <ul><li>Open the HTML file BigSmall .HTML in C:HTMLUnit4 Hands On Folder </li></ul><ul><li>The output is shown below: </li></ul>
  5. 5. Big Tag <ul><li><BIG> tag makes the size of the text slightly bigger. </li></ul><ul><li>Should be enclosed between <BIG> and </BIG> tags. </li></ul><ul><li>Example: </li></ul><ul><li><BIG> Helping others </BIG> </li></ul>
  6. 6. Small Tag <ul><li><SMALL> tag makes the size of the text slightly bigger. </li></ul><ul><li>Should be enclosed between <SMALL> and </SMALL> tags. </li></ul><ul><li>Example: </li></ul><ul><li><SMALL> Getting help from others </SMALL> </li></ul>
  7. 7. Font Tag <ul><li>Used to modify the face, colour and size of the text. </li></ul><ul><li>Attributes of <FONT> tag are: </li></ul><ul><ul><li>Face </li></ul></ul><ul><ul><li>Size </li></ul></ul><ul><ul><li>Color </li></ul></ul><ul><li>Example </li></ul><ul><li><FONT Face=&quot;ARIAL&quot; Size=&quot;5&quot; Color=&quot;GREEN&quot;> The text to be modified </FONT> </li></ul>
  8. 8. Activity 2.4.2 <ul><li>1. Create a web page that explains the <BIG> , <SMALL> and <FONT> tags as shown in the Figure. </li></ul><ul><li>2. Save the HTML file as Activity2.HTML in C:HTMLUnit4Activity folder. </li></ul>
  9. 9. Activity 2.4.2 Contd.
  10. 10. Lab Exercise <ul><li>2. Open D4_2.html in Internet Explorer. </li></ul><ul><ul><li>View the source code in Notepad. </li></ul></ul><ul><ul><li>Identify the attribute which is used for changing font name? </li></ul></ul><ul><ul><li>Identify the attributes in <FONT> tag? </li></ul></ul><ul><ul><li>Identify the attribute which is used for changing font colour? </li></ul></ul>
  11. 11. Lab Exercise <ul><li>3. Open D4_3.html in Internet Explorer. </li></ul><ul><ul><li>View the source code in Notepad. </li></ul></ul><ul><ul><li>Identify the attribute which is used for </li></ul></ul><ul><ul><li>change the size of the text? </li></ul></ul><ul><ul><li>c. Identify the tag which is used to make </li></ul></ul><ul><ul><li>the size of the text slightly bigger than the current size of the text? </li></ul></ul><ul><ul><li>d. Identify the tag which is used to make the size of the text slightly smaller than the current size of the text? </li></ul></ul>
  12. 12. Lab Exercise <ul><li>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. </li></ul>
  13. 13. Summary <ul><li>In this presentation, you learnt the following: </li></ul><ul><li>The <BIG> tag is used to make the size of the text slightly bigger than the current size of the text. </li></ul><ul><li>The <SMALL> tag is used to make the size of the text slightly smaller than the current size of the text. </li></ul><ul><li>The attributes that can be used with the <FONT> tag are Face, Size and Color. </li></ul>
  14. 14. Assignment <ul><li>Write the use of <BIG>, <SMALL> and <FONT> tags. </li></ul><ul><li>Name the attributes used along with <FONT> tag. </li></ul>

×