CSWB 110 Tutorial1 Part A
Download as PPTX, PDF0 likes517 views
The document provides a history of the development of the internet and world wide web from 1969 to 1995. It then discusses key concepts related to the world wide web including hypertext documents, web servers, web browsers, and the HTML language. The document proceeds to explain HTML elements, attributes, and basic page structure to begin teaching HTML. It covers common tags like headings, paragraphs, breaks, bold, and italic. It also notes the replacement of deprecated HTML attributes with CSS properties.
CSWB 110 Tutorial1 Part A
- 1. 1CSWB 110 HTML / XHTMLTutorial 1.1 and 1.2 up to lists
- 2. 2History of the Internet 1969 Advanced Research Projects Agency Network (ARPANET) Begins
- 3. 1989-90 the World Wide Web (WWW) Begins
- 4. 1993 Mosaic is Released
- 5. 1994 Netscape is Released
- 6. 1995 Internet Explorer is Released3Development of the Word Wide WebTimothy Berners-Leeat the CERN nuclear research facility near Geneva, Switzerland, in 1989.He developed a system of interconnected hypertextdocuments that allowed their users to easily navigate from one topic to anotherHTML- language of the WebHTTP – protocol to send and receive Web pages
- 7. 4HyperTextDocumentsAn entire collection of linked documents is referred to as a Web site. The hypertext documents within a Web site are known as Webpages.A Web page can contain text, graphics, audio, video.These are separate files that also reside with the html file
- 8. 5Web Servers and Web BrowsersA Webpage is stored on a Web server The browser or clientdisplays the Web page The Web page is written in the HTMLlanguageThey communicate with the HTTPprotocol
- 9. 6Search.htm
- 11. 8How is the home page loaded?
- 12. 9www.palomar.edusearches for default file
- 13. 10Which page to load as Home Page??index.html
- 14. index.htm
- 15. home.html
- 16. home.htm
- 17. default.htm
- 18. default.asp, default.aspx, index.asp, index.aspx11HTML: Language of the Web PageA Web page is a text file written in a language called Hypertext Markup Language - describes a document’s structure and content.HTML is not a programming language or a formatting language.XHTML – the latest official version of HTMLHTML5– the next version of HTML
- 20. How was this accomplishedSeparation of content from presentation by using Cascading Style Sheets (CSS)CSS replaces many HTML attributes13
- 21. 14Tools for Creating HTML DocumentsHTML Editor – CoffeecupText editor – notepadVisual creator – Dreamweaver, SharePoint DesignerConverter – MSWord
- 22. The HTML LanguageElements ( or tags)AttributesValues (of the attributes)15
- 23. Characterisitcs of HTML5Open platformAdapts to any deviceNative support for more powerful applications16
- 24. The HTML language consists of “tags” or “elements”Tags can be two-sided:<body> </body> Enclose something – either content or more tagsTags can be one-sided:<br> or <br/> No content, they are considered “empty” tags17XHTML syntax
- 25. HTML Tags and Attributes18
- 26. The HTML DocumentConsists of two parts:Head sectionWhere information for the browser goesBody sectionWhere the content for the web pages goes19
- 27. Basic HTML Tags or Elements<html> <head> <title> </title> </head> <body> </body></html>
- 28. Paragraph Tag – centering – Block Level Element<p style=“text-align: center”> </p>values are left, right, center, justify Attribute CSS property CSS value21
- 30. One sided tag
- 31. Self-terminating<br> <br/>22
- 32. Bold / Italic – Inline Elements<b>this is bold</b><i>this is italic</i>Comments: <!-- -->23
- 33. Heading tags - bold, block-level element<h1> </h1><h2> </h2><h3> </h3><h4> </h4><h5> </h5><h6> </h6><h1 style=“text-align: center”> </h1>values are left, right, center, justify24
- 34. Deprecated - “align” attribute<h1 align=“center”> </h1>Replaced with CSS:<h1 style=“text-align: center”> </h1>25deprecated
- 35. Now start learning to write HTML by using the elements we have just covered!26