HTML5 is an evolution of HTML and XHTML that provides data to web pages through markup tags. It has become a living standard maintained by the W3C. The document discusses HTML5 and how it works with CSS to provide visual design and data to web pages rendered in browsers. It also outlines some basic rules for using HTML5 tags and the development process of editing HTML files locally and refreshing the browser to view changes before uploading pages to a server.

1. Web
Development
With HTML5
CGS2835 Interdisciplinary Web Development

2. HTML5 is…
• HyperText Markup Language
• a W3C Recommendation
• evolved from HTML (4.01) and XHTML 2.0
– http://www.w3.org/TR/html5/
• Becoming a Living Standard
– http://www.whatwg.org/specs/web-apps/current-wor
CGS2835 Interdisciplinary Web Development

3. CSS HTML5
provides provides
visual data
design
Browser
Renders
WebPage
CGS2835 Interdisciplinary Web Development

4. Learning HTML5
– Some basic rules:
• “tags” markup sections of content
• tags must be properly nested
• tags must always be closed <br />
• tags must be lowercase <ul> not <UL>
• tag attributes must be in quotes
CGS2835 Interdisciplinary Web Development

5. Development Process
• Edit HTML in text editor
• Save as .html
• Open file from Web browser
• Further edit HTML in text editor
• Save
• Refresh page in Web browser
CGS2835 Interdisciplinary Web Development

6. Client Side Development Process
• Develop page on your computer using a text
editor
• Finished Web site is uploaded to server
(staging or production)
• Changes to Web site are made on local
machine and uploaded when completed
• Two copies of the Web site are maintained,
one local and one on server.
CGS2835 Interdisciplinary Web Development

7. Development Process
• Web development tools are often used to
simplify the development process.
CGS2835 Interdisciplinary Web Development