Html5

743 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
743
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. HTML5 elcio@visie com br. .
  2. 2. HTML JS CSS Server Programing
  3. 3. Mark- up JS CSS3 Server Programing APIs HTML5
  4. 4. Mark up-
  5. 5. Mark up- <!DOCTYPE HTML> <html lang='pt-BR'> <head> <meta charset='UTF-8'> <title>Produto</title> </head> <body>
  6. 6. Mark up- <header> <hgroup> <h1><a href='/'>Projeto</a></h1> <h2>Um projeto HTML5</h2> </hgroup> <nav> <li><a href='/'>Home</a></li> <li><a href='/projeto'>Projeto</a></li> <li><a href='/contato'>Contato</a></li> </nav> </header>
  7. 7. Mark up- <section> <article> <h3>Sobre o Produto</h3> <p>...</p> </article> <aside> <h4>Links relacionados</h4> <nav> <li><a href='top1'>Tópico 1</a></li> <li><a href='top2'>Tópico 2</a></li> </nav> <aside> </section>
  8. 8. Mark up- <section> <h5>Fale conosco:</h5> <form> <label>Nome <input required /></label> <label>E-mail <input type='email' required /></label> <label>URL <input type='datetime' required /></label> </form> </section>
  9. 9. Mark up- <footer> <h6>Produto</h6> <address>Rua Tal, 0</address> </footer> </body> </html>
  10. 10. Novos Tipos de Campos
  11. 11. Demonstracao
  12. 12. Conteudo Editavel
  13. 13. Drag and Drop- -
  14. 14. Aplicacoes Offline
  15. 15. Demonstracao
  16. 16. SVG
  17. 17. Demonstracao
  18. 18. History
  19. 19. Demonstracao
  20. 20. Geolocation
  21. 21. Demonstracao
  22. 22. Detalhes ● <input oninput=”trata(this)”> ● elm.scrollIntoView() ● elm.innerHTML='<p>Teste</p>' ● document.querySelector('#titulo') ● document.head
  23. 23. Audio e Video
  24. 24. Demonstracao
  25. 25. Posso usar isso hoje?
  26. 26. modernizr js e. progressive enhancement
  27. 27. tableless com br html5. . / diveintohtml5 org.
  28. 28. Obrigado! elcio@visie com br. .

×