1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
•Transferir como ODP, PDF•
1 gostou•1,447 visualizações
O documento descreve a história da linguagem HTML, desde sua criação por Tim Berners-Lee até as versões mais recentes HTML5 e XHTML5. Começa explicando o que é HTML e como ganhou popularidade na década de 1990, e em seguida detalha as principais versões lançadas entre 1993 e 2008 e as organizações responsáveis por suas especificações.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (16)
Semelhante a 1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
Semelhante a 1 - Introdução Ao Desenvolvimento Web - Estrutura Básica (20)
Mais de Mauro Duarte
Mais de Mauro Duarte (20)
Último
Último (20)
1 - 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 23/02/15 ...