Top Banner
Unit 4 – Text in HTML Presentation 3 Web Programming
17

M02 un04 p03

Jan 20, 2015

Download

Technology

 
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
  • 1. Unit 4 Text in HTML Presentation 3 Web Programming
  • 2. Objectives
    • At the end of this presentation, you will be able to
    • Display the text as superscript and subscript
    • Align the text to the centre of a page
    • Pre-Format a text
    • Strike out a text
  • 3. Subscript and Superscript x 2 +2x+12=0 Superscript H 2 O Subscript
  • 4. Hand-On!
    • Open the HTML file SupSub.HTML in C:HTMLUnit4 Hands On Folder
    • This HTML document display the Subscript and Superscript in a Webpage.
    • The output is shown in the next slide:
  • 5. Hand-On! (Contd..)
  • 6. Superscript
    • The text is displayed slightly above the line of preceding text.
    • Comparatively small
    • Should be enclosed between and tags.
    • Example:
    • x 3 + x 2
  • 7. Subscript
    • The text is displayed slightly below the line of preceding text.
    • Comparatively small
    • Enclosed between and tags.
    • Example:
    • H2O
  • 8. Centre
    • Displays the text is in the centre of the row.
    • Enclosed between
      and
      tags.
    • Example:
    • This text appears at the centre of the line
  • 9. Pre-Formatted Text and Strikeout
    • The text within the tag will be displayed in the browser window in the same format as it is presented in the HTML document.
    • A text can be stroked out using the tag.
  • 10. Hands-On!
    • Open the HTML file Strike.HTML in C:HTMLUnit4 Hands On Folder .
    • This HTML document describe the use of the and tags
  • 11. Lab Exercise
    • 5. Open D4_5.html in Internet Explorer.
      • Identify the tag, which is used for display the output in superscript?
      • Underline the tag, which is used for display the output in subscript?
      • Name the tag which is used displays the text the same as it is typed in the HTML document?
  • 12. Lab Exercise
    • Write a HTML code to display the output as shown in the following figure using the font and pre tag. Save the file as States.HTML under the folder in your name in C:.
  • 13. Activity 2.4.3
    • Create a web page that explains the , ,
      and tags as shown in Figure.
    • Save the HTML file as Activity3.HTML in C:HTMLUnit4Activity folder.
  • 14. Activity 2.4.3 cont
  • 15. Summary
    • In this presentation, you learnt the following:
    • Superscript is the text that is displayed slightly above the line of text.
    • Subscript is the text that is displayed slightly below the line of text.
    • The
      tag is used to display the text in the centre of a row.
  • 16. Summary
    • The text within the tag will be displayed in the browser window in the same format as it is presented in the HTML document.
    • A text can be stroked out using the tag.
  • 17. Assignment
    • Name the tag is used to strike out a text?
    • Write the use of < Centre> tag.