Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WEB 2.0
EVOLUÇÃO
HTML5
WEB 2.0
Mario Jorge Pereira
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
HTML
HTML (HyperText Markup Language) é uma
linguagem de marcação utilizada para produzir
páginas na Web.
Documentos HTML ...
HTML Tags
<nometag>conteudo</nometag>
Estrutura
<!DOCTYPE	html>	
<html>	
		<head>	
				<title>Titulo	da	Pagina</title>	
		</head>	
		<body>	
				<h1>Isso	é	um	T...
HTML
• DOCTYPE define o tipo de HTML
• O texto entre <html> e </html> define o documento HTML
• O texto entre <head> e </hea...
Versões
Versão Ano
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
DECLARAÇÃO
HTML5	
<!DOCTYPE	html>	
HTML	4.01	
<!DOCTYPE	HTML	PUBLIC	"-//W3C//DTD	HTML	
4.01	Transitional//EN"	"http://
www...
ATIVIDADE
<!DOCTYPE	html>	
<html>	
		<head>	
				<title>Titulo	da	Pagina</title>	
		</head>	
		<body>	
				<h1>Isso	é	um	T...
TAGS
DESCRIÇÃO DESCRIÇÃO EXEMPLO
<h1> a <h6> Titulo <h2>This	is	a	heading</h2>
<p> Paragrafo <p>This	is	a	paragraph.</p>
<...
Esta obra está licenciada sob a licença Creative Commons
Atribuição-CompartilhaIgual 3.0 Não Adaptada. Para ver uma cópia
...
WEB 2.0
Mario Jorge Pereira
Como me encontrar?
http://www.mariojp.com.br
twitter.com/@mariojp
mariojp@gmail.com
Html
Html
Upcoming SlideShare
Loading in …5
×

Html

1,846 views

Published on

Aula sobre HTML

Published in: Education
  • Be the first to comment

Html

  1. 1. WEB 2.0 EVOLUÇÃO HTML5
  2. 2. WEB 2.0 Mario Jorge Pereira
  3. 3. 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014
  4. 4. HTML HTML (HyperText Markup Language) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. HTML não executa operações lógicas ou aritméticas.
  5. 5. HTML Tags <nometag>conteudo</nometag>
  6. 6. Estrutura <!DOCTYPE html> <html> <head> <title>Titulo da Pagina</title> </head> <body> <h1>Isso é um Titulo</h1> <p>Isso é um parágrafo.</p> </body> </html>
  7. 7. HTML • DOCTYPE define o tipo de HTML • O texto entre <html> e </html> define o documento HTML • O texto entre <head> e </head> define as informações sobre o documento HTML • O texto entre <title> e </title> define o titulo do documento • O texto entre <body> e </body> define o conteúdo visível do documento. • O texto entre <h1> e </h1> define um titulo • O texto entre <p> e </p> define um parágrafo
  8. 8. Versões Versão Ano HTML 1991 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 2000 HTML5 2014
  9. 9. DECLARAÇÃO HTML5 <!DOCTYPE html> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd">
  10. 10. ATIVIDADE <!DOCTYPE html> <html> <head> <title>Titulo da Pagina</title> </head> <body> <h1>Isso é um Titulo</h1> <p>Isso é um parágrafo.</p> </body> </html>
  11. 11. TAGS DESCRIÇÃO DESCRIÇÃO EXEMPLO <h1> a <h6> Titulo <h2>This is a heading</h2> <p> Paragrafo <p>This is a paragraph.</p> <a> Link <a href=“http://www.ucsal.br">Link</a> <img> Imagem <img src=“imagem.png" > <br> Quebra de linha <br/> <div> Bloco <div style="background-color:red;"> <p>Texto.</p> </div>
  12. 12. Esta obra está licenciada sob a licença Creative Commons Atribuição-CompartilhaIgual 3.0 Não Adaptada. Para ver uma cópia desta licença, visite http://creativecommons.org/licenses/by-sa/3.0/.
  13. 13. WEB 2.0 Mario Jorge Pereira Como me encontrar? http://www.mariojp.com.br twitter.com/@mariojp mariojp@gmail.com

×