Web Development With HTML5
HTML5 is… <ul><li>H yper T ext  M arkup  L anguage </li></ul><ul><li>a  W3C  Recommendation </li></ul><ul><li>evolved from...
CSS provides visual design HTML5 provides data Browser Renders WebPage
Learning HTML5 <ul><ul><li>Some basic rules: </li></ul></ul><ul><li>“ tags” markup sections of content </li></ul><ul><li>t...
Development Process <ul><li>Edit HTML in text editor  </li></ul><ul><li>Save as .html </li></ul><ul><li>Open file from Web...
Development Process <ul><li>Development of an HTML page typically takes place on local PC </li></ul><ul><li>Finished Web s...
Development Process <ul><li>Web development tools are often used to simplify the development process. </li></ul>
Upcoming SlideShare
Loading in...5
×

Html5

2,166

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,166
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Html5"

  1. 1. Web Development With HTML5
  2. 2. HTML5 is… <ul><li>H yper T ext M arkup L anguage </li></ul><ul><li>a W3C Recommendation </li></ul><ul><li>evolved from HTML (4.01) and XHTML 2.0 </li></ul><ul><ul><li>http://www.w3.org/TR/html5/ </li></ul></ul><ul><li>Becoming a Living Standard </li></ul><ul><ul><li>http://www.whatwg.org/specs/web-apps/current-work/ </li></ul></ul>
  3. 3. CSS provides visual design HTML5 provides data Browser Renders WebPage
  4. 4. Learning HTML5 <ul><ul><li>Some basic rules: </li></ul></ul><ul><li>“ tags” markup sections of content </li></ul><ul><li>tags must be properly nested </li></ul><ul><li>tags must always be closed <br /> </li></ul><ul><li>tags must be lowercase <ul> not <UL> </li></ul><ul><li>tag attributes must be in quotes </li></ul>
  5. 5. Development Process <ul><li>Edit HTML in text editor </li></ul><ul><li>Save as .html </li></ul><ul><li>Open file from Web browser </li></ul><ul><li>Further edit HTML in text editor </li></ul><ul><li>Save </li></ul><ul><li>Refresh page in Web browser </li></ul>
  6. 6. Development Process <ul><li>Development of an HTML page typically takes place on local PC </li></ul><ul><li>Finished Web site is uploaded to server (staging or production) </li></ul><ul><li>Changes to Web site are made on local machine and uploaded when completed </li></ul><ul><li>Two copies of the Web site are maintained, one local and one on server. </li></ul>
  7. 7. Development Process <ul><li>Web development tools are often used to simplify the development process. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×