Unit 1.2 Introduction to Programming
Download as PPT, PDF0 likes332 views
This document introduces basic HTML tags used in Microsoft Office source code, including the head, body, paragraph, and heading tags. The head tag provides metadata, the body tag defines the document content, paragraph tags create paragraphs, and heading tags specify heading sizes and styles. Hands-on exercises guide the reader to open documents and identify these tags in the source code.
Unit 1.2 Introduction to Programming
- 1. Introduction to Programming Unit 1.2 - Introduction to Source Code Presentation 1
- 2. Revision… Define Task Pane. Explain the need for Microsoft Script editor. __________ is a horizontal bar that appears at the top of the active window which is associated with pull-down menus. _______ is a collection of icons that provides easy access commonly used menu commands.
- 3. Objectives At the end of this presentation, you will be able to: List various tags used in the source code Identify the tags used in the source code
- 4. Introduction Office is an application which is based on GUI interface. Each command in this application is coded using programming languages and other scripting languages. You can view the source code of each command using the Microsoft Script Editor.
- 5. Backbone of Office Applications Source code has both xml and html tags. XML is used to describe the data. XML code is enclosed within the tags <XML> … </XML> . HTML is used to format the data. HTML code is enclosed within the tags <HTML> … </HTML> .
- 6. Hands-On! Open the Microsoft script editor of a blank document and observe the XML and HTML code.
- 7. Lab Exercise Open a blank document. Observe the source code in Microsoft Script Editor. Open a blank workbook. Observe the source code in Microsoft Script Editor. Open a blank presentation. Observe the source code in Microsoft Script Editor.
- 8. Basic HTML Tags Some of the basic HTML tags that are commonly used are: Head tag Body tag Paragraph tag Heading tag
- 9. Head Tag Provides information that does not affect the document but provides information to the browser when publishing the document on web. The necessary codes have to be enclosed within the tags <head> and </head>.
- 10. Activity 1.2.1 Open the data file Malaysia.doc . Identify the head tag and the data enclosed within this tag.
- 11. Body Tag Specifies the beginning and end of the document. The necessary codes have to be enclosed within the tags <body> and </body>.
- 12. Hands-On! Open the data file Food.doc . Identify the body tag and the data enclosed within this tag.
- 13. Paragraph Tag Is used for creating paragraphs. The necessary codes have to be enclosed within the tags <p> and </p> .
- 14. Hands-On! Open the data file About_Malaysia.doc . Identify the paragraph tag and the data enclosed within this tag.
- 15. Heading Tag Specifies different sizes and styles for the heading.
- 16. Hands-On! Open the data file Heading.doc . Identify the different heading tags.
- 17. Activity 1.2.2 Identify any two pair of tags present in the following code: <html> <body lang=EN-GB style='tab-interval:.5in'> <p class=MsoNormal><span lang=EN-US>COOL</span></p> </body> </html>
- 18. Lab Exercise Open a blank document and type your name. Copy and paste the text five times. Save the document as Name.doc . Identify the various tags used in the source code.
- 19. Summary In this presentation, you learnt the following: Tags are the instruction which specifies how the document appears. The head tag provides information that does not affect the document but provides information to the browser when publishing the document on web.
- 20. Summary In this presentation, you learnt the following: The body tag specifies the beginning and end of the document. The paragraph tag is used for creating paragraphs. Heading tag specifies different sizes and styles for the heading.
- 21. Assignment List any four tags used in script editor. Identify any three tags in the following: <html> <body lang=EN-GB style='tab-interval:.5in'> <h2><span class=GramE> <span lang=EN-US>sadsha</span> </span></h2> </body> </html >