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...
03/03/15
A História do HTML
● Hypertext Markup Language - Linguagem de
Marcação de Hypertexto.
● DesenvolvidoTim Berners-L...
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 ...
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 ...
03/03/15
A História do HTML
● 2004 fundação doWHATWorking GroupWeb Hypertext Application
TechnologyWorking Group.
● Desenv...
03/03/15
Estrutura básica, tag's
(etiquetas)
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></ti...
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 docume...
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 t...
03/03/15
Estrutura básica
<head>
ATag HEAD é onde fica
toda a parte inteligente
da página. No HEAD
ficam os metadados.
Met...
03/03/15
Estrutura básica
<meta charset=” “>
● o nosso exemplo há uma
metatag responsável por
chavear qual tabela de
carac...
03/03/15
Estrutura básica
<title>
● Esta tag é
responsável pela
exibição de textos na
barra de titulo do
navegador.
(Cuida...
03/03/15
Estrutura básica
<body>
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title></title>
</head>...
03/03/15
...
Próximos SlideShares
Carregando em…5
×

1 si introdução ao desenvolvimento web - estrutura básica

207 visualizações

Publicada em

IDW

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
207
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

1 si 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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.
  14. 14. 03/03/15 ...

×