Equipe Steimntz Machado de Figueiredo Diogo Chavez Márdhoni de Souza Paiva Roger Nepitali Alencar Pardo Rocha Flávio Krause de Jesus Silva
O que é o HTML? Uma a sigla para HyperText Markup Language; É uma linguagem de marcação; Composta por Tag (Etiquetas) Fruto do "casamento" dos padrões HyTime com SGML
O que é HTML HTML é composto de marcações ( Tags  ou  etiquetas ), onde cada uma pode ter varios  atributos ; <input  type=” text ” id=” Cliente_Nome ” name=” nome ”   /> Identificadores Id (Identification) e Classes
Tim-Berners Lee
História do HTML Tim Berners-Lee criou o HTML original; 1991 -A primeira especificação do HTML tornou-se pública, ela descrevia os 22 elementos; 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  Novembro de 1995 - HTML Working Group lançam o HTML 2
História do HTML 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: Strict: Deprecated Tag são proibidas Transitional: É o meio termo entre o Deprecated e o Strict Frameset: Usado para quem ainda usa frames
História do HTML Abril de 1998 - HTML 4.0 foi editado em edições menores; Dezembro de 1999 - HTML 4.01 e  sua errata em Maio de 2001; Janeiro de 2008 - HTML5 é publicado como um novo projeto do W3C :) HTML5 está previsto para 2012
O que é XHTML? HTML é baseado no SGML e vem com o tempo chegando mais perto do XML; XHTML foi criado com base nas marcações HTML 4.0 1 porém seguindo como base o XML &quot;puro, claro e limpo&quot;
O que é XHTML? XHTML é um passo para Web Semântica; XHTML é um código consistente que dispensa uso de &quot;truques&quot; e &quot;hacks&quot; para contornar &quot;bugs&quot; Versão atual é XHTML 2
O que é XHTML? Todas as tags devem ser escritas em letras minúsculas; As tags devem estar convenientemente aninhadas; Os documentos devem ser bem formados; O uso de tags de fechamento é obrigatório; Elementos vazios devem ser fechados; Diferenças para os atributos(case sensitive).
O que é XHTML? Tags HTML com regras XML As tag podem ser de uma linha ou varias porém todas devem ser fechadas: Fechamento  MultiLinhas: <head>   ${BLOCO DE TEXTO}   < / head> Fechamento  uma linha: <br /> <img src=”image/LuisYerco.png”  / >
O que terá de novo no HTML5? Canvas, Audio e Vídeo 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: <header>  <article>  <section> <aside> <nav>  <footer>
HTML 4 : HOJE
HTML 5 : Amanha
Código <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> <body> <header>...</header> <nav>...</nav> <article>...</article> <aside>...</aside> <footer>...</footer> </body>
O que terá de novo no HTML5? Novas inputs: datetime datetime-local date month week time number range email url
O que terá de novo no HTML5? Novos atributos: autofocus: para o elemento imput, como pode se imaginar é para focar o elemento após o carregamento da página require: para o elemento input, para indicar que o campo precisa ser preenchido antes do formulário ser enviado inputmode: dá uma dica (hint) ao user sobre qual tipo de resposta se espera autocomplete draggable
Importancia do HTML Demostração da importancia do HTML para aplicações web.

Html slide

  • 1.
    Equipe Steimntz Machadode Figueiredo Diogo Chavez Márdhoni de Souza Paiva Roger Nepitali Alencar Pardo Rocha Flávio Krause de Jesus Silva
  • 2.
    O que éo HTML? 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
  • 3.
    O que éHTML HTML é composto de marcações ( Tags ou etiquetas ), onde cada uma pode ter varios atributos ; <input type=” text ” id=” Cliente_Nome ” name=” nome ” /> Identificadores Id (Identification) e Classes
  • 4.
  • 5.
    História do HTMLTim Berners-Lee criou o HTML original; 1991 -A primeira especificação do HTML tornou-se pública, ela descrevia os 22 elementos; 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 Novembro de 1995 - HTML Working Group lançam o HTML 2
  • 6.
    História do HTMLJaneiro 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: Strict: Deprecated Tag são proibidas Transitional: É o meio termo entre o Deprecated e o Strict Frameset: Usado para quem ainda usa frames
  • 7.
    História do HTMLAbril de 1998 - HTML 4.0 foi editado em edições menores; Dezembro de 1999 - HTML 4.01 e sua errata em Maio de 2001; Janeiro de 2008 - HTML5 é publicado como um novo projeto do W3C :) HTML5 está previsto para 2012
  • 8.
    O que éXHTML? HTML é baseado no SGML e vem com o tempo chegando mais perto do XML; XHTML foi criado com base nas marcações HTML 4.0 1 porém seguindo como base o XML &quot;puro, claro e limpo&quot;
  • 9.
    O que éXHTML? XHTML é um passo para Web Semântica; XHTML é um código consistente que dispensa uso de &quot;truques&quot; e &quot;hacks&quot; para contornar &quot;bugs&quot; Versão atual é XHTML 2
  • 10.
    O que éXHTML? Todas as tags devem ser escritas em letras minúsculas; As tags devem estar convenientemente aninhadas; Os documentos devem ser bem formados; O uso de tags de fechamento é obrigatório; Elementos vazios devem ser fechados; Diferenças para os atributos(case sensitive).
  • 11.
    O que éXHTML? Tags HTML com regras XML As tag podem ser de uma linha ou varias porém todas devem ser fechadas: Fechamento MultiLinhas: <head> ${BLOCO DE TEXTO} < / head> Fechamento uma linha: <br /> <img src=”image/LuisYerco.png” / >
  • 12.
    O que teráde novo no HTML5? Canvas, Audio e Vídeo 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: <header> <article> <section> <aside> <nav> <footer>
  • 13.
  • 14.
    HTML 5 :Amanha
  • 15.
    Código <body> <divid=&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> <body> <header>...</header> <nav>...</nav> <article>...</article> <aside>...</aside> <footer>...</footer> </body>
  • 16.
    O que teráde novo no HTML5? Novas inputs: datetime datetime-local date month week time number range email url
  • 17.
    O que teráde novo no HTML5? Novos atributos: autofocus: para o elemento imput, como pode se imaginar é para focar o elemento após o carregamento da página require: para o elemento input, para indicar que o campo precisa ser preenchido antes do formulário ser enviado inputmode: dá uma dica (hint) ao user sobre qual tipo de resposta se espera autocomplete draggable
  • 18.
    Importancia do HTMLDemostração da importancia do HTML para aplicações web.