1   estrutura básica
Upcoming SlideShare
Loading in...5
×
 

1 estrutura básica

on

  • 17 views

 

Statistics

Views

Total Views
17
Views on SlideShare
17
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

1   estrutura básica 1 estrutura básica Presentation Transcript

  • HTML A alma da internet Prof. Mauro Duarte
  • 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.
  • 05/08/14 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.
  • 05/08/14 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
  • 05/08/14 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
  • 05/08/14 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
  • 05/08/14 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>
  • 05/08/14 <!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>
  • 05/08/14 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>
  • 05/08/14 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>
  • 05/08/14 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>
  • 05/08/14 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>
  • 05/08/14 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.
  • 05/08/14 ...