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 podem ser interpretados
por navegadores.
HTML não executa operações lógicas ou
aritméticas.
HTML Tags
<nometag>conteudo</nometag>
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>
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
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.w3.org/TR/html4/loose.dtd">
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>
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>
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/.
WEB 2.0
Mario Jorge Pereira
Como me encontrar?
http://www.mariojp.com.br
twitter.com/@mariojp
mariojp@gmail.com

Html