Equipe <ul><li>Steimntz Machado de Figueiredo
Diogo Chavez
Márdhoni de Souza Paiva
Roger Nepitali Alencar Pardo Rocha
Flávio Krause de Jesus Silva </li></ul>
<ul>O que é o HTML? </ul><ul><li>Uma a sigla para HyperText Markup Language;
É uma linguagem de marcação;
Composta por Tag (Etiquetas)
Fruto do &quot;casamento&quot; dos padrões HyTime com SGML </li></ul>
O que é HTML <ul><li>HTML é composto de marcações ( Tags  ou  etiquetas ), onde cada uma pode ter varios  atributos ; </li...
Tim-Berners Lee
História do HTML <ul><li>Tim Berners-Lee criou o HTML original; </li><ul><li>1991 -A primeira especificação do HTML tornou...
1993 - Tim Berners-Lee considerava na época o HTML uma aplicação SGML, apesar de não se formalmente publicado como um padr...
Novembro de 1995 - HTML Working Group lançam o HTML 2 </li></ul></ul>
História do HTML <ul><li>Janeiro de 1997 - HTML 3.2 é publicado como uma recomendação do W3C e o fim do HTML Working Group;
Dezembro de 1997 - O HTML 4.0 é publicado como uma recomendação do W3C, com ele surgiram 3 versões: </li><ul><li>Strict: D...
Transitional: É o meio termo entre o Deprecated e o Strict
Frameset: Usado para quem ainda usa frames </li></ul></ul>
Upcoming SlideShare
Loading in...5
×

Html slide

930

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
930
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html slide

  1. 1. Equipe <ul><li>Steimntz Machado de Figueiredo
  2. 2. Diogo Chavez
  3. 3. Márdhoni de Souza Paiva
  4. 4. Roger Nepitali Alencar Pardo Rocha
  5. 5. Flávio Krause de Jesus Silva </li></ul>
  6. 6. <ul>O que é o HTML? </ul><ul><li>Uma a sigla para HyperText Markup Language;
  7. 7. É uma linguagem de marcação;
  8. 8. Composta por Tag (Etiquetas)
  9. 9. Fruto do &quot;casamento&quot; dos padrões HyTime com SGML </li></ul>
  10. 10. O que é HTML <ul><li>HTML é composto de marcações ( Tags ou etiquetas ), onde cada uma pode ter varios atributos ; </li><ul><li><input type=” text ” id=” Cliente_Nome ” name=” nome ” /> </li></ul><li>Identificadores </li><ul><li>Id (Identification) e Classes </li></ul></ul>
  11. 11. Tim-Berners Lee
  12. 12. História do HTML <ul><li>Tim Berners-Lee criou o HTML original; </li><ul><li>1991 -A primeira especificação do HTML tornou-se pública, ela descrevia os 22 elementos;
  13. 13. 1993 - Tim Berners-Lee considerava na época o HTML uma aplicação SGML, apesar de não se formalmente publicado como um padrão SGML
  14. 14. Novembro de 1995 - HTML Working Group lançam o HTML 2 </li></ul></ul>
  15. 15. História do HTML <ul><li>Janeiro de 1997 - HTML 3.2 é publicado como uma recomendação do W3C e o fim do HTML Working Group;
  16. 16. Dezembro de 1997 - O HTML 4.0 é publicado como uma recomendação do W3C, com ele surgiram 3 versões: </li><ul><li>Strict: Deprecated Tag são proibidas
  17. 17. Transitional: É o meio termo entre o Deprecated e o Strict
  18. 18. Frameset: Usado para quem ainda usa frames </li></ul></ul>
  19. 19. História do HTML <ul><li>Abril de 1998 - HTML 4.0 foi editado em edições menores;
  20. 20. Dezembro de 1999 - HTML 4.01 e sua errata em Maio de 2001;
  21. 21. Janeiro de 2008 - HTML5 é publicado como um novo projeto do W3C :) </li><ul><li>HTML5 está previsto para 2012 </li></ul></ul>
  22. 22. <ul><li>O que é XHTML? </li></ul><ul><li>HTML é baseado no SGML e vem com o tempo chegando mais perto do XML;
  23. 23. XHTML foi criado com base nas marcações HTML 4.0 1 porém seguindo como base o XML
  24. 24. &quot;puro, claro e limpo&quot; </li></ul>
  25. 25. <ul><li>O que é XHTML? </li></ul><ul><li>XHTML é um passo para Web Semântica;
  26. 26. XHTML é um código consistente que dispensa uso de &quot;truques&quot; e &quot;hacks&quot; para contornar &quot;bugs&quot;
  27. 27. Versão atual é XHTML 2 </li></ul>
  28. 28. <ul><li>Regras do XHTML? </li></ul><ul><li>Todas as tags devem ser escritas em letras minúsculas;
  29. 29. As tags devem estar convenientemente aninhadas;
  30. 30. Os documentos devem ser bem formados;
  31. 31. O uso de tags de fechamento é obrigatório;
  32. 32. Elementos vazios devem ser fechados;
  33. 33. Diferenças para os atributos(case sensitive). </li></ul>
  34. 34. <ul><li>O que é XHTML? </li></ul><ul><li>Tags HTML com regras XML
  35. 35. As tag podem ser de uma linha ou varias porém todas devem ser fechadas: </li><ul><li>Fechamento MultiLinhas: </li><ul><li><head>
  36. 36. ${BLOCO DE TEXTO}
  37. 37. < / head> </li></ul><li>Fechamento uma linha: </li><ul><li><br />
  38. 38. <img src=”image/LuisYerco.png” / > </li></ul></ul></ul>
  39. 39. O que terá de novo no HTML5? <ul><li>Canvas, Audio e Vídeo
  40. 40. Elementos de Segmentação isso ajudará os desenvolvedores (nós) e também os mecanismos de buscas, transformando a estrutura da pagina em algo mais amigavel, exemplos: </li><ul><ul><li><header>
  41. 41. <article>
  42. 42. <section>
  43. 43. <aside>
  44. 44. <nav>
  45. 45. <footer> </li></ul></ul></ul>
  46. 46. HTML 4 : HOJE
  47. 47. HTML 5 : Amanha
  48. 48. Código <ul><body> <div id=&quot;header&quot;>...</div> <div id=&quot;menu&quot;>...</div> <div class=&quot;post&quot;>...</div> <div id=&quot;sidebar&quot;>...</div> <div id=&quot;rodape&quot;>...</div> </body> </ul><ul><body> <header>...</header> <nav>...</nav> <article>...</article> <aside>...</aside> <footer>...</footer> </body> </ul>
  49. 49. O que terá de novo no HTML5? <ul><li>Novas inputs: </li><ul><ul><li>datetime
  50. 50. datetime-local
  51. 51. date
  52. 52. month
  53. 53. week
  54. 54. time
  55. 55. number
  56. 56. range
  57. 57. email
  58. 58. url </li></ul></ul></ul>
  59. 59. O que terá de novo no HTML5? <ul><li>Novos atributos: </li><ul><li>autofocus: para o elemento imput, como pode se imaginar é para focar o elemento após o carregamento da página
  60. 60. require: para o elemento input, para indicar que o campo precisa ser preenchido antes do formulário ser enviado
  61. 61. inputmode: dá uma dica (hint) ao user sobre qual tipo de resposta se espera
  62. 62. autocomplete
  63. 63. draggable </li></ul></ul>
  64. 64. Importancia do HTML <ul><li>Demostração da importancia do HTML para aplicações web. </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.

×