M02 un04 p01

242 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
242
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

M02 un04 p01

  1. 1. Unit 4 – Text in HTML Presentation 1 Web Programming
  2. 2. Revision <ul><li>Name the attribute used to change the alignment of a paragraph? </li></ul><ul><li>Write the use of <BR> tag? </li></ul><ul><li>Give the purpose of adding comments? </li></ul><ul><li>Name the tag used to scroll a text? </li></ul><ul><li>Write the use of character entities? </li></ul><ul><li>Give the tag and attribute used to add a picture to the background of the browser window? </li></ul>
  3. 3. Objectives <ul><li>At the end of this presentation, you will be able </li></ul><ul><li>to </li></ul><ul><li>Make the text bold, italic and underlined </li></ul>
  4. 4. Introduction <ul><li>Formatting a text refers to modifying the appearance of a text. </li></ul><ul><li>Makes it attractive </li></ul><ul><li>Presents it in a more readable form. </li></ul>After Formatting Before Formatting
  5. 5. Hands-On! <ul><li>Open the HTML file BIU.HTML in C:HTMLUnit4Hands On Folder </li></ul><ul><li>The output is shown below: </li></ul>Text made Bold Text made Italic Text Underlined
  6. 6. Bold <ul><li><B> tag is used to make a text bold. </li></ul><ul><li>Enclosed between <B> and </B> tags. </li></ul><ul><li>Example: </li></ul><ul><li><B> Who is the father of Computer? </B> </li></ul>
  7. 7. Italic <ul><li><I> tag is used to make the text slanted to the right. </li></ul><ul><li>Enclosed between <I> and </I> tags. </li></ul><ul><li>Example: </li></ul><ul><li><I> a) Charles Babbage </I> </li></ul>
  8. 8. Underline <ul><li><U> tag is used to make the text underline. </li></ul><ul><li>Enclosed between <U> and </U> tags. </li></ul><ul><li>Example: </li></ul><ul><li><U> General Knowledge </U> </li></ul>
  9. 9. Activity 2.4.1 <ul><li>Create a web page that explains the <B>, <I> and <U> tags as shown in Figure. </li></ul><ul><li>Save the HTML file as Activity1.HTML in C:HTMLUnit4Activity folder. </li></ul>
  10. 10. Lab Exercise <ul><li>Open D4_1.html in Internet Explorer. </li></ul><ul><ul><li>View the Source code in Notepad. </li></ul></ul><ul><ul><li>Identify the tag, which is used for displaying the output in bold and underline. </li></ul></ul><ul><ul><li>Identify the tag, which is used for the text Micro Computers. </li></ul></ul><ul><ul><li>Identify the <U> tag in the source code of D4_1.html. </li></ul></ul><ul><ul><li>Change the style of the Mainframe Computers t o bold, italic and underline. </li></ul></ul>
  11. 11. Summary <ul><li>In this presentation, you learnt the following: </li></ul><ul><li>The <B> tag is used to make a text bold. </li></ul><ul><li>The <I> tag is used for italicising the text. </li></ul><ul><li>The <U> tag is used for underlining a text. </li></ul>
  12. 12. Assignment <ul><li>Name the tags used to make a text bold, italic and underlined. </li></ul>

×