SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
O QUE É O HTML?
HTML é uma linguagem de marcação de
hipertexto criada por Tim Berners-Lee.
1990
 O HTML ganhou popularidade quando o Mosaic -
browser desenvolvido por Marc Andreessen na década
de 1990 - ganhou força.
 A partir daí, desenvolvedores e fabricantes de browsers
utilizaram o HTML como base, compartilhando as
mesmas convenções.
Entre 1993 -1995
 O HTML ganhou as versões HTML+, HTML2.0 e
HTML3.0 .
 Foram propostas diversas mudanças para enriquecer as
possibilidades da linguagem.
 Contudo, até aqui o HTML ainda não era tratado como
um padrão .
1997
 O grupo de trabalho do W3C responsável por manter o
padrão do código, trabalhou na versão 3.2 da
linguagem, fazendo com que ela fosse tratada como
prática comum.
WHAT Working Group
 Web Hypertext Application Technology Working Group ou
WHATWG.
 Foi fundado por desenvolvedores de empresas como Mozilla,
Apple e Opera em 2004.
 Entre outros assuntos que o WHATWG se focava era Web
Forms 2.0 que foi incluído no HTML5 e o Web Controls 1.0
que foi abandonado por enquanto.
 Por volta de 2006, o trabalho do WHATWG passou ser
conhecido pelo mundo e principalmente pelo W3C.
Diferenças
 O HTML4 ainda não trazia diferencial real para a semântica
do código.
 Também não facilitava a manipulação dos elementos via
JavaScript ou CSS.
 O HTML5 fornece ferramentas para a CSS e o JavaScript
fazerem seu trabalho da melhor maneira possível.
 O HTML5 também cria novas tags e modifica a função de
outras.
 Seu desenvolvimento é modular.
Principais browsers e seus
motores
Motor Browser
Webkit Safari, Chrome
Gecko Firefox, Camino
Trident Internet Explorer 4 ao 9
Presto Opera 7 ao 10
Compatibilidade: browsers e alguns
módulos do HTML5
Exemplos de tags padrões
 <!DOCTYPE html!>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
 <meta charset=”utf-8”>
 <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”>
Categorias
Novos elemenos
Atributos descontinuados
 (modificam a formatação do elemento e suas funções
são melhores controladas pelo CSS)
 align como atributo da tag caption, iframe, img, input,
object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p,
col, colgroup, tbody, td, tfoot, th, thead e tr.
 background como atributo da tag body.
 bgcolor como atributo da tag table, tr, td, th e body.
Atributos do HTML4 não
permitidos no HTML5
 target como atributo da tag link.
 name como atributo da tag img (use id em vez).
Elementos com novos atributos
 A tag form ganha um atributo chamado novalidate.
 O elemento ol ganhou um atributo chamado reversed.
 O novo atributo placeholder pode ser colocado em
inputs e textareas.
Elementos modificados
 b passa a ter o mesmo nível semântico que um SPAN, mas ainda
mantém o estilo de negrito no texto.
 i também passa a ser um SPAN.
 O elemento a sem o atributo href agora representa um
placeholder no exato lugar que este link se encontra.
 O elemento address agora é tratado como uma seção no
documento.
 O elemento hr agora tem o mesmo nível que um parágrafo, mas é
utilizado para quebrar linhas e fazer separações.
 O elemento strong ganhou mais importância.
Elementos ausentes
 (os elementos abaixo foram descontinuados por que
seus efeitos são apenas visuais)
 basefont
 big
 center
 font
 s
 strike
 tt
 u
Elementos ausentes
 (os elementos abaixo foram descontinuados por que
ferem os princípios de acessibilidade e usabilidade)
 frame
 frameset
 noframes
Flash vs HTML 5
Hand of Greed para o iPhone
 O jogo foi desenvolvido para o HTML 5, que mal está
pronto.
 O Hand of Greed, que é bastante simples, já era um
jogo disponível no iPhone. O objetivo é evitar ser
atingido pelas mais diferentes lâminas, que vão desde
serras até guilhotinas.
Mais exemplos de jogos
 Leave Me Alone
 The Legend Of Sadness
 T-Spin
 Rafael Designer
 Central Musical
 Jogos online
 W3C
Exemplos
É isso! 

Weitere ähnliche Inhalte

Was ist angesagt?

Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01 Léo Dias
 
HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5ondazul
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasSusana Oliveira
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Jose Augusto Cintra
 
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScriptDesenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScriptFábio Flatschart
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Renato Bongiorno Bonfanti
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1marioreis
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)Devmedia
 
HTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEB
HTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEBHTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEB
HTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEBPeslPinguim
 

Was ist angesagt? (20)

Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5
 
Curso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTMLCurso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTML
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticas
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 
HTML5 - (02) Estrutura Básica - DOCTYPE e Charsets
HTML5 - (02) Estrutura Básica - DOCTYPE e CharsetsHTML5 - (02) Estrutura Básica - DOCTYPE e Charsets
HTML5 - (02) Estrutura Básica - DOCTYPE e Charsets
 
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScriptDesenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScript
 
Html 5 e Css3
Html 5 e Css3Html 5 e Css3
Html 5 e Css3
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)
 
Aula 07
Aula 07Aula 07
Aula 07
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
Ambiente web aula 02
Ambiente web   aula 02Ambiente web   aula 02
Ambiente web aula 02
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
HTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEB
HTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEBHTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEB
HTML5 - UM GUIA DE REFERÊNCIA PARA DESENVOLVEDORES WEB
 
Html5 Aula 4
Html5 Aula 4Html5 Aula 4
Html5 Aula 4
 

Andere mochten auch

Andere mochten auch (7)

logistica
logisticalogistica
logistica
 
Cocisam huacho ydt
Cocisam   huacho ydtCocisam   huacho ydt
Cocisam huacho ydt
 
Sistemas de Control de Acceso, Ticketing y Acreditaciones a eventos.
Sistemas de Control de Acceso, Ticketing y Acreditaciones a eventos.Sistemas de Control de Acceso, Ticketing y Acreditaciones a eventos.
Sistemas de Control de Acceso, Ticketing y Acreditaciones a eventos.
 
Covering algorithm
Covering algorithmCovering algorithm
Covering algorithm
 
Evaluacion del desempeño
Evaluacion del desempeñoEvaluacion del desempeño
Evaluacion del desempeño
 
PORTABLE CAMERA-BASED ASSISTIVE TEXT AND PRODUCT LABEL READING FROM HAND- H...
PORTABLE CAMERA-BASED  ASSISTIVE TEXT AND PRODUCT  LABEL READING FROM HAND- H...PORTABLE CAMERA-BASED  ASSISTIVE TEXT AND PRODUCT  LABEL READING FROM HAND- H...
PORTABLE CAMERA-BASED ASSISTIVE TEXT AND PRODUCT LABEL READING FROM HAND- H...
 
2016 Airline Quality Rating
2016 Airline Quality Rating2016 Airline Quality Rating
2016 Airline Quality Rating
 

Ähnlich wie O que é HTML? - Uma introdução concisa à linguagem HTML

Ähnlich wie O que é HTML? - Uma introdução concisa à linguagem HTML (20)

Html5 primeiros passos
Html5 primeiros passosHtml5 primeiros passos
Html5 primeiros passos
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandards
 
Html5 - Notas de aula
Html5 - Notas de aulaHtml5 - Notas de aula
Html5 - Notas de aula
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
 
O Poder do HTML5
O Poder do HTML5O Poder do HTML5
O Poder do HTML5
 
I.h aula 6 7 8 9 10 11 12
I.h aula 6 7 8 9 10 11 12I.h aula 6 7 8 9 10 11 12
I.h aula 6 7 8 9 10 11 12
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
 
HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudos
 
HTML5
HTML5HTML5
HTML5
 
W3C Web Standards HTML
W3C Web Standards HTMLW3C Web Standards HTML
W3C Web Standards HTML
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012
 
HTML5
HTML5HTML5
HTML5
 
DHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup LanguageDHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup Language
 
Workshop: WebSockets com HTML 5 & PHP - Gustavo Ciello
Workshop: WebSockets com HTML 5 & PHP - Gustavo CielloWorkshop: WebSockets com HTML 5 & PHP - Gustavo Ciello
Workshop: WebSockets com HTML 5 & PHP - Gustavo Ciello
 
XHTML e CSS
XHTML e CSSXHTML e CSS
XHTML e CSS
 
Programação web
Programação webProgramação web
Programação web
 
Html slide
Html slideHtml slide
Html slide
 

O que é HTML? - Uma introdução concisa à linguagem HTML

  • 1.
  • 2. O QUE É O HTML? HTML é uma linguagem de marcação de hipertexto criada por Tim Berners-Lee.
  • 3. 1990  O HTML ganhou popularidade quando o Mosaic - browser desenvolvido por Marc Andreessen na década de 1990 - ganhou força.  A partir daí, desenvolvedores e fabricantes de browsers utilizaram o HTML como base, compartilhando as mesmas convenções.
  • 4. Entre 1993 -1995  O HTML ganhou as versões HTML+, HTML2.0 e HTML3.0 .  Foram propostas diversas mudanças para enriquecer as possibilidades da linguagem.  Contudo, até aqui o HTML ainda não era tratado como um padrão .
  • 5. 1997  O grupo de trabalho do W3C responsável por manter o padrão do código, trabalhou na versão 3.2 da linguagem, fazendo com que ela fosse tratada como prática comum.
  • 6. WHAT Working Group  Web Hypertext Application Technology Working Group ou WHATWG.  Foi fundado por desenvolvedores de empresas como Mozilla, Apple e Opera em 2004.  Entre outros assuntos que o WHATWG se focava era Web Forms 2.0 que foi incluído no HTML5 e o Web Controls 1.0 que foi abandonado por enquanto.  Por volta de 2006, o trabalho do WHATWG passou ser conhecido pelo mundo e principalmente pelo W3C.
  • 7. Diferenças  O HTML4 ainda não trazia diferencial real para a semântica do código.  Também não facilitava a manipulação dos elementos via JavaScript ou CSS.  O HTML5 fornece ferramentas para a CSS e o JavaScript fazerem seu trabalho da melhor maneira possível.  O HTML5 também cria novas tags e modifica a função de outras.  Seu desenvolvimento é modular.
  • 8. Principais browsers e seus motores Motor Browser Webkit Safari, Chrome Gecko Firefox, Camino Trident Internet Explorer 4 ao 9 Presto Opera 7 ao 10
  • 9. Compatibilidade: browsers e alguns módulos do HTML5
  • 10. Exemplos de tags padrões  <!DOCTYPE html!>  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <meta charset=”utf-8”>  <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”>
  • 13. Atributos descontinuados  (modificam a formatação do elemento e suas funções são melhores controladas pelo CSS)  align como atributo da tag caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead e tr.  background como atributo da tag body.  bgcolor como atributo da tag table, tr, td, th e body.
  • 14. Atributos do HTML4 não permitidos no HTML5  target como atributo da tag link.  name como atributo da tag img (use id em vez).
  • 15. Elementos com novos atributos  A tag form ganha um atributo chamado novalidate.  O elemento ol ganhou um atributo chamado reversed.  O novo atributo placeholder pode ser colocado em inputs e textareas.
  • 16. Elementos modificados  b passa a ter o mesmo nível semântico que um SPAN, mas ainda mantém o estilo de negrito no texto.  i também passa a ser um SPAN.  O elemento a sem o atributo href agora representa um placeholder no exato lugar que este link se encontra.  O elemento address agora é tratado como uma seção no documento.  O elemento hr agora tem o mesmo nível que um parágrafo, mas é utilizado para quebrar linhas e fazer separações.  O elemento strong ganhou mais importância.
  • 17. Elementos ausentes  (os elementos abaixo foram descontinuados por que seus efeitos são apenas visuais)  basefont  big  center  font  s  strike  tt  u
  • 18. Elementos ausentes  (os elementos abaixo foram descontinuados por que ferem os princípios de acessibilidade e usabilidade)  frame  frameset  noframes
  • 20. Hand of Greed para o iPhone  O jogo foi desenvolvido para o HTML 5, que mal está pronto.  O Hand of Greed, que é bastante simples, já era um jogo disponível no iPhone. O objetivo é evitar ser atingido pelas mais diferentes lâminas, que vão desde serras até guilhotinas.
  • 21. Mais exemplos de jogos  Leave Me Alone  The Legend Of Sadness  T-Spin
  • 22.  Rafael Designer  Central Musical  Jogos online  W3C Exemplos

Hinweis der Redaktion

  1. Desde o começo o HTML foi criado para ser uma linguagem independente de plataformas, browsers e outros meios de acesso. Interoperabilidade significa menos custo.
  2. Em Outubro de 2006, Tim Berners-Lee anunciou que trabalharia juntamente com o WHATWG na produção do html5. O grupo que estava cuidando especificamente do XHTML 2 foi descontinuado em 2009.
  3. A WHATWG tem mantido o foco quanto a retrocompatibilidade.
  4. Atualmente o Webkit é o motor mais compatível com os Padrões do HTML5. Contudo o Firefox e o Opera já estão compatíveis com grande parte da especificação.
  5. Os atributos abaixo foram descontinuados: • O atributo border utilizado na tag img.
  6. Flash esta desenvolvendo 3D real, não acabará. HTML5 apenas facilita as coisas.
  7. Ele pode ser adquirido no site do iTunes por 99 centavos de dólar.