Introduction to HTML - PowerPoint PPT Presentation

introduction to html n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Introduction to HTML PowerPoint Presentation
Download Presentation
Introduction to HTML

play fullscreen
1 / 38
Introduction to HTML
135 Views
Download Presentation
pascal
Download Presentation

Introduction to HTML

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Introduction to HTML H1 S.Y. 2005 – 2006

  2. Objectives • Discuss internet concepts and terms • Define HTML • Identify the Basic HTML Tags • Create a simple web page using the HTML tags

  3. Computer network that spans the globe and links more than 20 million users Internet Universities, corporation, non profit orgs and individuals who want to share, acquire and distribute information

  4. Internet History ARPANet ARPANet MILNet NSFNet Global communications network Electronic bulletin boards, electronic mail and the World wide web

  5. HYPERTEXT Concept and practice of linking nodesof related information Limited to documents or sections of documents nodes – chunks of information

  6. HYPERMEDIA • Text • Video • Sound • Graphics

  7. Transmission Control Protocol/Internet Protocol (TCP/IP) Protocol Set of rules governing the exchange of data

  8. WEB HTPD How the web works INTERNET Results and Responses Web browser HTTP Documents (HTML) Web browser URL

  9. Why study HTML? Globally competitive

  10. Definition of Terms Internet concepts

  11. Definition of terms To follow links in a page, to shop around in a page, exploring what's there, a bit like window shopping BROWSE

  12. Definition of terms CACHE Used to identify a space where web pages you have visited are stored in your computer

  13. Definition of terms A message from a web server computer, sent to and stored by your browser on your computer and provide customized Web pages according to a profile of your interests. COOKIE

  14. Definition of terms URL The unique address of any Web document

  15. Definition of terms • A standardized language of computer code, imbedded in "source" documents behind all Web documents, containing the textual content, images, links to other documents and formatting instructions for display on the screen HTML

  16. Definition of terms A document on the World Wide Web, consisting of an HTML file and any related files for scripts and graphics, and often hyperlinked to other documents on the Web. Webpage

  17. Definition of terms Website A set of interconnected WebPages, usually including a homepage, generally located on the same server, and prepared and maintained as a collection of information by a person, group, or organization.

  18. Definition of terms A blog (short for "web log") is a type of web page that serves as a publicly accessible personal journal (or log) for an individual. Typically updated daily, blogs often reflect the personality of the author BLOG

  19. URL Anatomy of a URL: http://www.xs.edu.ph/calendar/index.htm

  20. http:// indicates that the browser and the web server will communicate using hypertext transfer protocol http://www.xs.edu.ph/calendar/index.htm

  21. www a resource from the world wide web http://www.xs.edu.ph/calendar/index.htm

  22. xs.edu.ph domain name, identifies which computer, called a web server, hosts the site http://www.xs.edu.ph/calendar/index.htm

  23. calendar/index.htm Path or directory and file name with extension name http://www.xs.edu.ph/calendar/index.htm

  24. HTML BASIC TAGS Tags that divide the web into parts and specify their parameters

  25. Hypertext Markup Language (HTML) A set of special codes referred to as "tags" which instruct a web browser how to display a hypertext document

  26. TAGS <Start Tag> </End Tag> Greater and Less than symbols indicate that these are tags The tags ends here

  27. HTML TAGS <HTML> </HTML> • The first and last tags • These are the tags that tell a Web browser where the HTML in your document begins and ends.

  28. HTML TAGS <head> </head> Contain all of the document's header information.

  29. TITLE TAG <head> <title> title of document </title> </head>

  30. TITLE TAG EXAMPLE <head> <title> Xavier Website </title> </head>

  31. BODY TAG <Body> content </Body>

  32. Basic HTML document <HTML> <head> <title> Xavier Website</title> </head> <BODY> Welcome to the Xavier Website </BODY> </HTML>

  33. Activity #2 • Save as 1SecCNA2.html in you diskette • Create a webpage containing the following information • Title: My first webpage • BODY • CN, Name, Year and Section

  34. Assignment # 2 • What are the attributes of the body tag? how are they used? • Identify the following tags and how they are used • Heading elements • Font/Text elements (ex. Size) • Character formatting (ex. Bold) • Physical styles/ Line formatting (ex. Center) • Paragraph • Line Break

  35. Summary Lesson #1 Introduction to HTML

  36. Basic HTML Document <HTML> <head> <title> </title> </head> <BODY> </BODY> </HTML>