O documento descreve a história da linguagem HTML, começando com seu desenvolvimento por Tim Berners-Lee na década de 1990 e popularização com o navegador Mosaic. Detalha as principais versões do HTML desde 1993 até o HTML5 de 2008, e a transferência da especificação do IETF para o W3C em 1996.
1 si introdução ao desenvolvimento web - estrutura básica
1. HTML
A alma da internet
Prof. Mauro DuarteProf. Mauro Duarte
2. A História do HTML
● Hypertext Markup Language - Linguagem de
Marcação de Hypertexto.
● DesenvolvidoTim Berners-Lee o HTML ganhou
popularidade quando o Mosaic ganhou força na
década de 1990.
● Desenvolvedores e fabricantes de browsers utilizam
o HTML como base, compartilhando as mesmas
convenções.
3. 03/03/15
A História do HTML
● Hypertext Markup Language - Linguagem de
Marcação de Hypertexto.
● DesenvolvidoTim Berners-Lee o HTML
ganhou popularidade quando o Mosaic
ganhou força na década de 1990.
● Desenvolvedores e fabricantes de browsers
utilizam o HTML como base, compartilhando
as mesmas convenções.
4. 03/03/15
A História do HTML
● 1993 foi publicado por Berners-Lee e Dan Connolly.
● 1994 a IETF criou um grupo de trabalho para o HTML.
● 1995 a IETF publicou o HTML 2.0.
● 1996 oW3C assumiu as especificações.
● 1997 é publicado HTML3.5 iniciando o foco no XHTML
● 1999 oW3C faz sua ultima publicação com HTML4
● 2000 se torna norma Internacional (ISO/IEC 15445:2000)
● 2008 é publicado o HTML5 e XHTML5
5. 03/03/15
A História do HTML
● 1993 foi publicado por Berners-Lee e Dan Connolly.
● 1994 a IETF criou um grupo de trabalho para o HTML.
● 1995 a IETF publicou o HTML 2.0.
● 1996 oW3C assumiu as especificações.
● 1997 é publicado HTML3.5 iniciando o foco no XHTML
● 1999 oW3C faz sua ultima publicação com HTML4
● 2000 se torna norma Internacional (ISO/IEC 15445:2000)
● 2008 é publicado o HTML5 e XHTML5
6. 03/03/15
A História do HTML
● 2004 fundação doWHATWorking GroupWeb Hypertext Application
TechnologyWorking Group.
● Desenvolvedores de empresas como Mozilla, Apple e Opera não
estavam felizes com o caminho que a Web tomava e nem com o rumo
dado ao XHTML.
● 2006, o trabalho doWHATWG passou ser conhecido pelo mundo e
principalmente peloW3C
● Outubro de 2006,Tim Berners-Lee anuncia que trabalhara com o
WHATWG na produção do HTML5 em detrimento do XHTML 2.
● XHTML continua sendo mantido paralelamente de acordo com as
mudanças causadas no HTML.
● 2009 o grupo que estava cuidando do XHTML 2 foi descontinuado
7. 03/03/15
Estrutura básica, tag's
(etiquetas)
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>
<body>
</body>
</html>
● Cada “comando” em
HTML é chamado de
TAG.
● Inicia em
<nomeDaTag>
● Termina em
</nomeDaTag>
8. 03/03/15
<!DOCTYPE HTML> Não é
umaTag é uma informação
para o navegador ele define
qual é a versão do (X)HTML
que o documento está
usando e esta é uma
informação fundamental
para que os browsers
processem corretamente o
documento.
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>
<body>
</body>
</html>
Estrutura básica
<!DOCTYPE>
9. 03/03/15
Estrutura básica
<html>
● Todas as tag são colocadas umas
dentro das outras como galhos
de um arvore, a raiz de tudo isto é
a tag <html>.
● O atributo LANG é necessário
para que os user-agents saibam
qual a linguagem principal do
documento.
● LANG pode ser usado em outras
tags para informar o idioma do
elemento especifico.
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>
<body>
</body>
</html>
10. 03/03/15
Estrutura básica
<head>
ATag HEAD é onde fica
toda a parte inteligente
da página. No HEAD
ficam os metadados.
Metadados são
informações sobre a
página e o conteúdo ali
publicado.
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>
<body>
</body>
</html>
11. 03/03/15
Estrutura básica
<meta charset=” “>
● o nosso exemplo há uma
metatag responsável por
chavear qual tabela de
caracteres a página está
utilizando.
● <meta charset="utf-8">
● Nas versões anteriores ao
HTML5, essa tag era
escrita da forma diferente
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>
<body>
</body>
</html>
12. 03/03/15
Estrutura básica
<title>
● Esta tag é
responsável pela
exibição de textos na
barra de titulo do
navegador.
(Cuidado para não
confundir)
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>
<body>
</body>
</html>
13. 03/03/15
Estrutura básica
<body>
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>
<body>
</body>
</html>
● Dentro desta tag fica
o site propriamente
dito, tudo que vemos
no navegador deve
estar dentro desta
tag.