Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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
Nächste SlideShare
Wird geladen in …5
×

Html

1.978 Aufrufe

Veröffentlicht am

Aula sobre HTML

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×