HTML
A alma da internet
Prof. Mauro DuarteProf. Mauro Duarte
A História do HTML
●
Hypertext Markup Language - Linguagem de
Marcação de Hypertexto.
●
DesenvolvidoTim Berners-Lee o HTML...
23/02/15
A História do HTML
● Hypertext Markup Language - Linguagem de
Marcação de Hypertexto.
● DesenvolvidoTim Berners-L...
23/02/15
A História do HTML
● 1993 foi publicado por Berners-Lee e Dan Connolly.
● 1994 a IETF criou um grupo de trabalho ...
23/02/15
A História do HTML
● 1993 foi publicado por Berners-Lee e Dan Connolly.
● 1994 a IETF criou um grupo de trabalho ...
23/02/15
A História do HTML
● 2004 fundação doWHATWorking GroupWeb HypertextApplicationTechnologyWorking Group.
● Desenvol...
23/02/15
Estrutura básica, tag's
(etiquetas)
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></ti...
23/02/15
<!DOCTYPE HTML> Não é umaTag é
uma informação para o navegador ele
define qual é a versão do (X)HTML que
o docume...
23/02/15
Estrutura básica
<html>
● Todas as tag são colocadas umas dentro
das outras como galhos de um arvore, a
raiz de t...
23/02/15
Estrutura básica
<head>
ATag HEAD é onde fica
toda a parte inteligente
da página. No HEAD
ficam os metadados.
Met...
23/02/15
Estrutura básica
<meta charset=” “>
● o nosso exemplo há uma metatag
responsável por chavear qual tabela de
carac...
23/02/15
Estrutura básica
<title>
● Esta tag é
responsável pela
exibição de textos na
barra de titulo do
navegador.
(Cuida...
23/02/15
Estrutura básica
<body>
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>...
23/02/15
...
Próximos SlideShares
Carregando em…5
×

1 - Introdução Ao Desenvolvimento Web - Estrutura Básica

1.086 visualizações

Publicada em

1 - Introdução Ao Desenvolvimento Web - Estrutura Básica

Publicada em: Educação
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.086
No SlideShare
0
A partir de incorporações
0
Número de incorporações
396
Ações
Compartilhamentos
0
Downloads
39
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

1 - Introdução Ao Desenvolvimento Web - Estrutura Básica

  1. 1. HTML A alma da internet Prof. Mauro DuarteProf. Mauro Duarte
  2. 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. 3. 23/02/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. 4. 23/02/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. 5. 23/02/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. 6. 23/02/15 A História do HTML ● 2004 fundação doWHATWorking GroupWeb HypertextApplicationTechnologyWorking Group. ● Desenvolvedores de empresas como Mozilla, Apple e Opera não estavam felizes com o caminho que aWeb 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 oWHATWG 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. 7. 23/02/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. 8. 23/02/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. 9. 23/02/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. 10. 23/02/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. 11. 23/02/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. 12. 23/02/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. 13. 23/02/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.
  14. 14. 23/02/15 ...

×