SlideShare ist ein Scribd-Unternehmen logo

HTML5?

•Als PPT, PDF herunterladen•
•
Active Media
Active Media

O documento descreve as principais características e elementos do HTML5. Apresenta os novos elementos estruturais como <section>, <header> e <footer>, bem como elementos inline como <time> e <meter>. Também explica os novos elementos multimídia <video> e <audio> e as novas entradas de formulário, além de recursos como armazenamento local e geolocalização.

Technologie
1 von 15
HTML5? Tiago Oliveira
HTML ? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura básica ,[object Object],[object Object],[object Object],[object Object],[object Object]
Limitações do HTML 4.01 ,[object Object],[object Object],[object Object]
Novidades do HTML 5? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Novos elementos (structural) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Esquema lógico de uma página
Novos elementos (inline) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Elemento <canvas> ,[object Object],[object Object]
Elementos <video> e <audio> ,[object Object],[object Object]
Form input types ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<form action=&quot;&quot; method=&quot;get&quot;>  <p><label>Search: <input name=search type=&quot;text&quot; id=&quot;search&quot;></label></p>  <script> document.getElementById('search').focus() </script>  <!-- the rest of the form --> </form> <form>  <p><label>Search: <input name=search autofocus></label></p>   <!-- the rest of the form --> </form>
Elementos removidos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Simplicidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Geolocalização, Storage & Offline ,[object Object],[object Object],[object Object]
Exemplos de HTML5 ,[object Object],[object Object],[object Object],[object Object]

Empfohlen

Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03
Leandro Rezende
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
ProfessorLuiz
 
HTML Formatando Textos
HTML Formatando TextosHTML Formatando Textos
HTML Formatando Textos
Mayza de Oliveira
 
HTML - Parte 1
HTML - Parte 1HTML - Parte 1
HTML - Parte 1
Luis Filho
 
0151
01510151
0151
anibalaldeia
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1
Israel Messias
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
Wanderlei Silva do Carmo
 
HTML introdução
HTML introduçãoHTML introdução
HTML introdução
Sandro Lopes
 

Empfohlen

Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03
Leandro Rezende
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
ProfessorLuiz
 
HTML Formatando Textos
HTML Formatando TextosHTML Formatando Textos
HTML Formatando Textos
Mayza de Oliveira
 
HTML - Parte 1
HTML - Parte 1HTML - Parte 1
HTML - Parte 1
Luis Filho
 
0151
01510151
0151
anibalaldeia
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1
Israel Messias
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
Wanderlei Silva do Carmo
 
HTML introdução
HTML introduçãoHTML introdução
HTML introdução
Sandro Lopes
 
Aula 3
Aula 3Aula 3
Aula 3
Fernando Fabricio
 
Html
HtmlHtml
Html
Paulo Vieira
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2
Israel Messias
 
HTML
HTMLHTML
HTML
thiageek
 
HTML
HTMLHTML
HTML
Sérgio Rocha
 
Aula02
Aula02Aula02
Aula02
fabricio
 
Aula 1 linguagem html (1)
Aula 1 linguagem html (1)Aula 1 linguagem html (1)
Aula 1 linguagem html (1)
Kaoru Hatake
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
Mayza de Oliveira
 
Revisoesm3
Revisoesm3Revisoesm3
Revisoesm3
Eb 2,3 de beiriz
 
Aula 09
Aula 09Aula 09
Aula 09
Jorge Ávila Miranda
 
Aula 03
Aula 03Aula 03
Aula 03
Jorge Ávila Miranda
 
Aula 04
Aula 04Aula 04
Aula 04
Jorge Ávila Miranda
 
Aula 02
Aula 02Aula 02
Aula 02
Jorge Ávila Miranda
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML - formatação de textoAula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML - formatação de texto
André Constantino da Silva
 
Aula 06
Aula 06Aula 06
Aula 06
Jorge Ávila Miranda
 
Curso HTML e CSS
Curso HTML e CSSCurso HTML e CSS
Curso HTML e CSS
Escola de Informática Evolutime; Colégio Pio XII
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
André Constantino da Silva
 
Aula 07
Aula 07Aula 07
Aula 07
Jorge Ávila Miranda
 
HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3
Israel Messias
 
J mix
J mixJ mix
J mix
Eurydice Lino
 
Html5
Html5Html5
Html5
Know Solutions
 
nDeveloper Framework
nDeveloper FrameworknDeveloper Framework
nDeveloper Framework
Pedro Alves Jr.
 

Weitere ähnliche Inhalte

Was ist angesagt?

Aula 1 linguagem html (1)
Aula 1 linguagem html (1)Aula 1 linguagem html (1)
Aula 1 linguagem html (1)
Kaoru Hatake
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML - formatação de textoAula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML - formatação de texto
André Constantino da Silva
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
André Constantino da Silva
 

Was ist angesagt? (20)

Aula 3
Aula 3Aula 3
Aula 3
 
Html
HtmlHtml
Html
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Aula02
Aula02Aula02
Aula02
 
Aula 1 linguagem html (1)
Aula 1 linguagem html (1)Aula 1 linguagem html (1)
Aula 1 linguagem html (1)
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
Revisoesm3
Revisoesm3Revisoesm3
Revisoesm3
 
Aula 09
Aula 09Aula 09
Aula 09
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 04
Aula 04Aula 04
Aula 04
 
Aula 02
Aula 02Aula 02
Aula 02
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML - formatação de textoAula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML - formatação de texto
 
Aula 06
Aula 06Aula 06
Aula 06
 
Curso HTML e CSS
Curso HTML e CSSCurso HTML e CSS
Curso HTML e CSS
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
Aula 07
Aula 07Aula 07
Aula 07
 
HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3
 
J mix
J mixJ mix
J mix
 

Ähnlich wie HTML5?

Java mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebJava mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento Web
Bruno Borges
 
Academia Verão 2011 - HTML
Academia Verão 2011 - HTMLAcademia Verão 2011 - HTML
Academia Verão 2011 - HTML
Nuno Simaria
 
Academia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSAcademia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSS
Nuno Simaria
 
Visão Geral do HTML5 e do Internet Explorer 9
Visão Geral do HTML5 e do Internet Explorer 9Visão Geral do HTML5 e do Internet Explorer 9
Visão Geral do HTML5 e do Internet Explorer 9
Rodrigo Kono
 
Php 03 Sessoes Cookies Cabecalhos
Php 03 Sessoes Cookies CabecalhosPhp 03 Sessoes Cookies Cabecalhos
Php 03 Sessoes Cookies Cabecalhos
Regis Magalhães
 

Ähnlich wie HTML5? (20)

Html5
Html5Html5
Html5
 
nDeveloper Framework
nDeveloper FrameworknDeveloper Framework
nDeveloper Framework
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
Facelets
FaceletsFacelets
Facelets
 
II Oficina de Webdesign - Lecom
II Oficina de Webdesign - LecomII Oficina de Webdesign - Lecom
II Oficina de Webdesign - Lecom
 
Html5 - O futuro da Web
Html5 - O futuro da WebHtml5 - O futuro da Web
Html5 - O futuro da Web
 
Java mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento WebJava mais ágil que nunca no desenvolvimento Web
Java mais ágil que nunca no desenvolvimento Web
 
Xhtml 2011 - atualizado
Xhtml 2011 - atualizadoXhtml 2011 - atualizado
Xhtml 2011 - atualizado
 
Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6Apps Web em Wicket e Scala no GlassFish Java EE 6
Apps Web em Wicket e Scala no GlassFish Java EE 6
 
Academia Verão 2011 - HTML
Academia Verão 2011 - HTMLAcademia Verão 2011 - HTML
Academia Verão 2011 - HTML
 
Academia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSAcademia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSS
 
W3 c
W3 cW3 c
W3 c
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
Javascript
JavascriptJavascript
Javascript
 
Visão Geral do HTML5 e do Internet Explorer 9
Visão Geral do HTML5 e do Internet Explorer 9Visão Geral do HTML5 e do Internet Explorer 9
Visão Geral do HTML5 e do Internet Explorer 9
 
Curso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLCurso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTML
 
JavaScript - Aula Introdutória
JavaScript - Aula IntrodutóriaJavaScript - Aula Introdutória
JavaScript - Aula Introdutória
 
Smarty Template Engine
Smarty Template EngineSmarty Template Engine
Smarty Template Engine
 
Html - Estrutura básica
Html - Estrutura básicaHtml - Estrutura básica
Html - Estrutura básica
 
Php 03 Sessoes Cookies Cabecalhos
Php 03 Sessoes Cookies CabecalhosPhp 03 Sessoes Cookies Cabecalhos
Php 03 Sessoes Cookies Cabecalhos
 

Mehr von Active Media

Mehr von Active Media (6)

Migalhas para o Caminho : 6º Colóquio de Comunicação Criativa, Marcas e Eventos
Migalhas para o Caminho : 6º Colóquio de Comunicação Criativa, Marcas e EventosMigalhas para o Caminho : 6º Colóquio de Comunicação Criativa, Marcas e Eventos
Migalhas para o Caminho : 6º Colóquio de Comunicação Criativa, Marcas e Eventos
 
"InfiniteD, sem óculos" Transmedia por Jorge Oliveira // Upload Lisboa 2012
"InfiniteD, sem óculos" Transmedia por Jorge Oliveira // Upload Lisboa 2012"InfiniteD, sem óculos" Transmedia por Jorge Oliveira // Upload Lisboa 2012
"InfiniteD, sem óculos" Transmedia por Jorge Oliveira // Upload Lisboa 2012
 
Stop Sending CV's
Stop Sending CV'sStop Sending CV's
Stop Sending CV's
 
Flash + WordPress = Amantes
Flash + WordPress = AmantesFlash + WordPress = Amantes
Flash + WordPress = Amantes
 
Active Sessions [0] - html5 vs Flash
Active Sessions [0] - html5 vs FlashActive Sessions [0] - html5 vs Flash
Active Sessions [0] - html5 vs Flash
 
Active Sessions [0] - Social Media vs Social Networks
Active Sessions [0] - Social Media vs Social NetworksActive Sessions [0] - Social Media vs Social Networks
Active Sessions [0] - Social Media vs Social Networks
 

Kürzlich hochgeladen

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
Natalia Granato
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
2m Assessoria
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
2m Assessoria
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
2m Assessoria
 

Kürzlich hochgeladen (6)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

HTML5?