SlideShare a Scribd company logo
1 of 21
MATÉRIA: INTERNET E HTML
PROFESSOR: ARMANDO RIVAROLA, LICENCIADO EM
COMPUTAÇÃO
A HISTÓRIA DO HTML
 Em 1980 Tim Berners-Lee propôs um projeto
baseado no conceito de hipertexto denominado
ENQUIRE.
 Este projeto foi inicialmente todo desenvolvido em
linguagem Pascal. Em 1989 Tim Berners-Lee com
a ajuda de um estudante do CERN chamado
Robert Cailliau conseguiu implementar a primeira
comunicação bem sucedida entre um cliente HTTP
e um servidor através da internet.
 Surgia então a World Wide Web.
 Porém o protocolo HTTP só foi implementado em
fevereiro de 1993.
 A sigla HTML significa HyperText Markup
Language em português, linguagem de
marcação de hipertexto.
 A primeira versão do HTML foi baseada na
linguagem SGML.
 O SGML era utilizado para a estruturação de
documentos e foi dele que o HTML herdou diversas
tags tais como: título <h1> ao <h6>, cabeçalho
<head> e parágrafo <p>.
 A maior diferença entre essas duas linguagens de
marcação é que o HTML implementava a
tag <a> com o atributohref, permitindo assim a
ligação (links) de uma página a outra.
 Esse conceito de interligação entre documentos é a
base do funcionamento de toda Web.
 O HTML surgiu em 1990 e até o seu quinto ano de vida
sofreu várias revisões e alterações na sua
especificação. Nesta época, quem controlava o padrão
era o CERN e a IETF. Após 1995, o padrão passou a
ser regularizado pela W3C, entidade que regula os
padrões Web e que será detalhada com maior
profundidade posteriormente.
 Em 1993, Dave Raggett propôs uma evolução do
padrão HTML, denominada HTML+. Entretanto tal
proposta nunca foi implementada.
 O verdadeiro sucessor do HTML foi o HTML 2.0, o qual
foi apresentado na primeira conferência mundial
sobre Web, a World Wide Web Conference. Essa
versão do HTML pode ser vista apenas como uma
correção da versão anterior, ou seja, apenas
formalizava as características do HTML que já estavam
em uso.
 Depois, Dave Raggett escreveu o HTML 3.0 baseado
em seu mais recente rascunho doHTML+. Entretanto,
mais uma vez, a versão do HTML não foi
implementada.
 Esta especificação foi superada pela versão 3.2, a qual
novamente foi uma correção e providenciou total
compatibilidade com a versão 2.
 O HTML 3.2 implementou características tais como
tabelas, applets e texto flutuante ao redor de imagens.
Posteriormente, Raggest foi co-author do HTML 4 e
ajudou com o desenvolvimento das linguagens
como XHTML,XForms, MathML e além de outras
especificações mais modernas da W3C.
 Em dezembro de 1999 o HTML 4.01 foi publicado
trazendo como principal premissa a compatibilidade
com as suas versões anteriores através de 3
implementações:
 Scrict (estrita) – implementação na qual fica
proibida a utilização de elementos obsoletos da
linguagem;
 Transitional (transitória) – implementação na qual
os elementos obsoletos são permitidos;
 Frameset – implementação direcionada para site
que usam frames
W3C – WORLD WIDE WEB CONSORTIUM
 Em agosto de 1994 foi fundada a W3C, um
consórcio formado por instituições comerciais e
educacionais, com o objetivo de definir padrões
para as respectivas áreas relacionadas à Web.
 Em dezembro de 1997 a W3C publicou o HTML 4 e
após dois meses publicou o XML 1.
 A W3C reformulou o grupo responsável
pelo HTML para criar uma “suíte de tags XML”.
 O primeiro passo foi dado em dezembro de 1998
quando o grupo reescreveu o HTML em XML sem
adicionar elementos ou atributos novos.
 Essa especificação foi chamada de XHTML 1.
 O objetivo seguinte da W3C foi a reestruturação
dos formulários Web. Em agosto de 1999 o mesmo
grupo responsável pelo HTML publicou o primeiro
rascunho da extensão dos formulários
para XHTML.
 Alguns meses depois, essa “extensão dos
formulários para XHTML” foi rebatizada de
“XForms”.
 Foi criado um grupo específico, responsável
pelo XForms. Esse grupo trabalhou em paralelo
com o grupo de desenvolvimento do HTML com a
finalidade de publicar a primeira versão
do XForms em outubro de 2003.
 Enquanto isso, com a transição do XML completa,
os membros do grupo do HTML criaram “a nova
geração do HTML”. Em maio de 2001 eles
publicaram a primeira versão do XHTML 1.1.
 Em julho de 2004 a W3C organizou
um workshop chamado “Workshop on Web
Applications and Compound Documents”.
 Nesse workshop estavam presentes membros
da W3C e companhias desenvolvedoras de
navegadores como a fundação Mozilla e a Opera.
 Nesteworkshop foi apresentado uma visão do
futuro da web com uma evolução do padrão HTML
4 incluindo novas características para aplicações
modernas.
 No workshop a W3C deixou claro que não seriam
desenvolvidas novas tecnologias de extensões
do HTML e CSS que não fossem criadas pelo atual
grupo de trabalho da W3C.
 Diante desse impasse, o grupo que desenvolvia
o HTML e os formulários HTML tinha duas
escolhas: ou se uniam à W3C, ou se separavam.
Dessa forma, em julho de 2004 surgiu oWHATWG.
WHATWG – WEB HYPERTEXT APPLICATION
TECHNOLOGY WORKING GROUP
 O WHATWG é o grupo de trabalho tecnológico de
aplicações de hipertexto para Web.
 Trata-se de um grupo livre, não oficial e de
colaboração dos desenvolvedores de navegadores
e de seus interessados.
 O WHATWG desenvolve especificações baseadas
no HTML e em tecnologias relacionadas para
facilitar o desenvolvimento e compatibilidade das
aplicações web, com a intenção de submeter os
resultados para um padrão organizacional.
 Essas submissões podem então fazer parte do
padrão formal do HTML.
 O WHATWG trabalhou por muito tempo somente
por email e alcançaram seu maior feito com os
formulários HTML 4 que passou a incorporar
tecnologias dos autores do grupo, sem quebrar o
padrão de compatibilidade com o conteúdo
existente.
 O grupo foi criado para assegurar que o futuro
desenvolvimento destas especificações fosse
completamente livre, através de arquivos públicos
e uma lista de discussão aberta.
 Por muitos anos o W3C e o WHATWG ignoraram
um ao outro.
 Enquanto o WHATWG focava nos formulários e
nas novas características no HTML, o W3C estava
ocupado com a versão 2.0 do XHTML.
 Mas em outubro de 2006, ficou claro que
a WHATWG estava vivendo um momento mais
sério, enquanto o XHTML 2.0 estava sendo
lançado como rascunho e não estava sendo
implementado pela maioria dos navegadores.
 Em outubro de 2006, Tim Berners-Lee, o fundador
da W3C, anunciou que a W3C deveria trabalhar em
conjunto com a WHATWG.
 O primeiro passo do trabalho em conjunto foi
renomear o “Web Application 1.0” para “HTML5”.
MATÉRIA: INTERNET E HTML
PROFESSOR: ARMANDO RIVAROLA, LICENCIADO EM
COMPUTAÇÃO
ESTRUTURA BÁSICA, DOCTYPE E
CHARSETS
 A estrutura básica do HTML5 continua sendo a mesma
das versões anteriores da linguagem, há apenas uma
excessão na escrita do Doctype. Segue abaixo como a
estrutura básica pode ser seguida:
<!DOCTYPE HTML>
<html
<head>
<title> </title>
</head>
<body>
</body>
</html>
O DOCTYPE
 O Doctype deve ser a primeira linha de código do
documento antes da tag HTML.
 <!DOCTYPE html!>
 O Doctype indica para o navegador e para outros
meios qual a especificação de código utilizar.
 Em versões anteriores, era necessário referenciar
o DTD diretamente no código do Doctype.
 Com o HTML5, a referência por qual DTD utilizar é
responsabilidade do Browser.
 O Doctype não é uma tag do HTML, mas uma
instrução para que o browser tenha informações
sobre qual versão de código a marcação foi escrita.
O ELEMENTO HTML
 O código HTML é uma série de elementos em
árvore onde alguns elementos são filhos de outros
e assim por diante.
 O elemento principal dessa grande árvore é
sempre a tag HTML.
HEAD
 A Tag 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.
TITLE
 O <title> tag é necessária em todos os documentos
HTML e define o título do documento.
 O elemento <title>:
 define um título na barra de ferramentas do
navegador
 fornece um título para a página quando ele é
adicionado aos favoritos
 exibe um título para a página nos resultados do
Search Engine
BODY
 A tag <body> define o corpo do documento.
 O elemento <body> contém todo o conteúdo de um
documento HTML, tais como texto, hyperlinks,
imagens, tabelas, listas, etc.
EXERCÍCIO
Abra em seu computador o bloco de notas e crie o
nosso primeiro arquivo html.
De o Title de : Minha primeira página.
E no Body escreva: Olá Curso Técnico em
Informática para Internet.

More Related Content

What's hot

Programação para Web II: HTML5
Programação para Web II: HTML5Programação para Web II: HTML5
Programação para Web II: HTML5Alex Camargo
 
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosHTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosGeorge Mendonça
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)Devmedia
 
Desenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software LivreDesenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software Livreelliando dias
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
 
Desenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - IntroduçãoDesenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - IntroduçãoFabio Moura Pereira
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica TrabalhoAdagenor Ribeiro
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Webigorpimentel
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Renato Bongiorno Bonfanti
 
Webpages
WebpagesWebpages
WebpagesEMSNEWS
 
Agilidade e Semântica com HTML5 e CSS3
Agilidade e Semântica com HTML5 e CSS3Agilidade e Semântica com HTML5 e CSS3
Agilidade e Semântica com HTML5 e CSS3Anderson Aguiar
 
Curso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLFabio Moura Pereira
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
 
Padrões Web & Code Standard
Padrões Web & Code StandardPadrões Web & Code Standard
Padrões Web & Code StandardToni Albuquerque
 

What's hot (17)

Programação para Web II: HTML5
Programação para Web II: HTML5Programação para Web II: HTML5
Programação para Web II: HTML5
 
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosHTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)
 
Html5 primeiros passos
Html5 primeiros passosHtml5 primeiros passos
Html5 primeiros passos
 
Desenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software LivreDesenvolvendo Aplicações com Software Livre
Desenvolvendo Aplicações com Software Livre
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
Desenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - IntroduçãoDesenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - Introdução
 
Git hub and Laravel
Git hub and Laravel Git hub and Laravel
Git hub and Laravel
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica Trabalho
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
 
Webpages
WebpagesWebpages
Webpages
 
Agilidade e Semântica com HTML5 e CSS3
Agilidade e Semântica com HTML5 e CSS3Agilidade e Semântica com HTML5 e CSS3
Agilidade e Semântica com HTML5 e CSS3
 
Curso html basico_aula-001
Curso html basico_aula-001Curso html basico_aula-001
Curso html basico_aula-001
 
Curso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTML
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
 
Padrões Web & Code Standard
Padrões Web & Code StandardPadrões Web & Code Standard
Padrões Web & Code Standard
 

Similar to História e evolução do HTML (20)

1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
 
HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5
 
Curso de html - Introdução ao HTML
Curso de html -  Introdução ao HTMLCurso de html -  Introdução ao HTML
Curso de html - Introdução ao HTML
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandards
 
Apostila curso xhtml css
Apostila curso xhtml cssApostila curso xhtml css
Apostila curso xhtml css
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
Técnicas e processos - HTML / CSS - aula 1
Técnicas e processos - HTML / CSS - aula 1Técnicas e processos - HTML / CSS - aula 1
Técnicas e processos - HTML / CSS - aula 1
 
Apresentacao html css
Apresentacao html cssApresentacao html css
Apresentacao html css
 
Conecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoConecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - Apresentação
 
Seminario html5
Seminario html5Seminario html5
Seminario html5
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudos
 
HTML5
HTML5HTML5
HTML5
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
Html
HtmlHtml
Html
 
Curso básico HTML5
Curso básico HTML5Curso básico HTML5
Curso básico HTML5
 
1 si introdução ao desenvolvimento web - estrutura básica
1   si introdução ao desenvolvimento web - estrutura básica1   si introdução ao desenvolvimento web - estrutura básica
1 si introdução ao desenvolvimento web - estrutura básica
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
 

More from Armando Rivarola (20)

I.h aula 1 2 3 4 5
I.h aula 1 2 3 4 5I.h aula 1 2 3 4 5
I.h aula 1 2 3 4 5
 
S.o aula 3334
S.o aula 3334S.o aula 3334
S.o aula 3334
 
S.o aula 3132
S.o aula 3132S.o aula 3132
S.o aula 3132
 
S.o aula 2930
S.o aula 2930S.o aula 2930
S.o aula 2930
 
Aula so 1a
Aula so 1aAula so 1a
Aula so 1a
 
S.o aula 2728
S.o aula 2728S.o aula 2728
S.o aula 2728
 
S.o aula 2526
S.o aula 2526S.o aula 2526
S.o aula 2526
 
S.o aula 2324
S.o aula 2324S.o aula 2324
S.o aula 2324
 
S.o aula 2122
S.o aula 2122S.o aula 2122
S.o aula 2122
 
S.o aula 1920
S.o aula 1920S.o aula 1920
S.o aula 1920
 
S.o aula 1718
S.o aula 1718S.o aula 1718
S.o aula 1718
 
Calc
CalcCalc
Calc
 
Apostila de broffice writer
Apostila de broffice writerApostila de broffice writer
Apostila de broffice writer
 
S.o aula 1516
S.o aula 1516S.o aula 1516
S.o aula 1516
 
S.o aula 121314
S.o aula 121314S.o aula 121314
S.o aula 121314
 
S.o aula 9101112
S.o aula 9101112S.o aula 9101112
S.o aula 9101112
 
S.o aula 5678
S.o aula 5678S.o aula 5678
S.o aula 5678
 
Comunicação de dados!
Comunicação de dados!Comunicação de dados!
Comunicação de dados!
 
S.o aula 1234
S.o aula 1234S.o aula 1234
S.o aula 1234
 
Apostila excel básico
Apostila excel básicoApostila excel básico
Apostila excel básico
 

Recently uploaded

Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Mary Alvarenga
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxOsnilReis1
 
Prática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGISPrática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGISVitor Vieira Vasconcelos
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxIsabellaGomes58
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfIedaGoethe
 
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfO Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfPastor Robson Colaço
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.keislayyovera123
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveaulasgege
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxLuizHenriquedeAlmeid6
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfHenrique Pontes
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfAdrianaCunha84
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfmirandadudu08
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
Caixa jogo da onça. para imprimir e jogar
Caixa jogo da onça. para imprimir e jogarCaixa jogo da onça. para imprimir e jogar
Caixa jogo da onça. para imprimir e jogarIedaGoethe
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasCassio Meira Jr.
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBAline Santana
 

Recently uploaded (20)

Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
 
Prática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGISPrática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGIS
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
 
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfO Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
 
Em tempo de Quaresma .
Em tempo de Quaresma                            .Em tempo de Quaresma                            .
Em tempo de Quaresma .
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdf
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdf
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
Caixa jogo da onça. para imprimir e jogar
Caixa jogo da onça. para imprimir e jogarCaixa jogo da onça. para imprimir e jogar
Caixa jogo da onça. para imprimir e jogar
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e Específicas
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
 

História e evolução do HTML

  • 1. MATÉRIA: INTERNET E HTML PROFESSOR: ARMANDO RIVAROLA, LICENCIADO EM COMPUTAÇÃO
  • 2. A HISTÓRIA DO HTML  Em 1980 Tim Berners-Lee propôs um projeto baseado no conceito de hipertexto denominado ENQUIRE.  Este projeto foi inicialmente todo desenvolvido em linguagem Pascal. Em 1989 Tim Berners-Lee com a ajuda de um estudante do CERN chamado Robert Cailliau conseguiu implementar a primeira comunicação bem sucedida entre um cliente HTTP e um servidor através da internet.  Surgia então a World Wide Web.  Porém o protocolo HTTP só foi implementado em fevereiro de 1993.
  • 3.  A sigla HTML significa HyperText Markup Language em português, linguagem de marcação de hipertexto.  A primeira versão do HTML foi baseada na linguagem SGML.  O SGML era utilizado para a estruturação de documentos e foi dele que o HTML herdou diversas tags tais como: título <h1> ao <h6>, cabeçalho <head> e parágrafo <p>.  A maior diferença entre essas duas linguagens de marcação é que o HTML implementava a tag <a> com o atributohref, permitindo assim a ligação (links) de uma página a outra.  Esse conceito de interligação entre documentos é a base do funcionamento de toda Web.
  • 4.  O HTML surgiu em 1990 e até o seu quinto ano de vida sofreu várias revisões e alterações na sua especificação. Nesta época, quem controlava o padrão era o CERN e a IETF. Após 1995, o padrão passou a ser regularizado pela W3C, entidade que regula os padrões Web e que será detalhada com maior profundidade posteriormente.  Em 1993, Dave Raggett propôs uma evolução do padrão HTML, denominada HTML+. Entretanto tal proposta nunca foi implementada.  O verdadeiro sucessor do HTML foi o HTML 2.0, o qual foi apresentado na primeira conferência mundial sobre Web, a World Wide Web Conference. Essa versão do HTML pode ser vista apenas como uma correção da versão anterior, ou seja, apenas formalizava as características do HTML que já estavam em uso.
  • 5.  Depois, Dave Raggett escreveu o HTML 3.0 baseado em seu mais recente rascunho doHTML+. Entretanto, mais uma vez, a versão do HTML não foi implementada.  Esta especificação foi superada pela versão 3.2, a qual novamente foi uma correção e providenciou total compatibilidade com a versão 2.  O HTML 3.2 implementou características tais como tabelas, applets e texto flutuante ao redor de imagens. Posteriormente, Raggest foi co-author do HTML 4 e ajudou com o desenvolvimento das linguagens como XHTML,XForms, MathML e além de outras especificações mais modernas da W3C.  Em dezembro de 1999 o HTML 4.01 foi publicado trazendo como principal premissa a compatibilidade com as suas versões anteriores através de 3 implementações:
  • 6.  Scrict (estrita) – implementação na qual fica proibida a utilização de elementos obsoletos da linguagem;  Transitional (transitória) – implementação na qual os elementos obsoletos são permitidos;  Frameset – implementação direcionada para site que usam frames
  • 7. W3C – WORLD WIDE WEB CONSORTIUM  Em agosto de 1994 foi fundada a W3C, um consórcio formado por instituições comerciais e educacionais, com o objetivo de definir padrões para as respectivas áreas relacionadas à Web.  Em dezembro de 1997 a W3C publicou o HTML 4 e após dois meses publicou o XML 1.  A W3C reformulou o grupo responsável pelo HTML para criar uma “suíte de tags XML”.  O primeiro passo foi dado em dezembro de 1998 quando o grupo reescreveu o HTML em XML sem adicionar elementos ou atributos novos.  Essa especificação foi chamada de XHTML 1.
  • 8.  O objetivo seguinte da W3C foi a reestruturação dos formulários Web. Em agosto de 1999 o mesmo grupo responsável pelo HTML publicou o primeiro rascunho da extensão dos formulários para XHTML.  Alguns meses depois, essa “extensão dos formulários para XHTML” foi rebatizada de “XForms”.  Foi criado um grupo específico, responsável pelo XForms. Esse grupo trabalhou em paralelo com o grupo de desenvolvimento do HTML com a finalidade de publicar a primeira versão do XForms em outubro de 2003.
  • 9.  Enquanto isso, com a transição do XML completa, os membros do grupo do HTML criaram “a nova geração do HTML”. Em maio de 2001 eles publicaram a primeira versão do XHTML 1.1.  Em julho de 2004 a W3C organizou um workshop chamado “Workshop on Web Applications and Compound Documents”.  Nesse workshop estavam presentes membros da W3C e companhias desenvolvedoras de navegadores como a fundação Mozilla e a Opera.  Nesteworkshop foi apresentado uma visão do futuro da web com uma evolução do padrão HTML 4 incluindo novas características para aplicações modernas.
  • 10.  No workshop a W3C deixou claro que não seriam desenvolvidas novas tecnologias de extensões do HTML e CSS que não fossem criadas pelo atual grupo de trabalho da W3C.  Diante desse impasse, o grupo que desenvolvia o HTML e os formulários HTML tinha duas escolhas: ou se uniam à W3C, ou se separavam. Dessa forma, em julho de 2004 surgiu oWHATWG.
  • 11. WHATWG – WEB HYPERTEXT APPLICATION TECHNOLOGY WORKING GROUP  O WHATWG é o grupo de trabalho tecnológico de aplicações de hipertexto para Web.  Trata-se de um grupo livre, não oficial e de colaboração dos desenvolvedores de navegadores e de seus interessados.  O WHATWG desenvolve especificações baseadas no HTML e em tecnologias relacionadas para facilitar o desenvolvimento e compatibilidade das aplicações web, com a intenção de submeter os resultados para um padrão organizacional.  Essas submissões podem então fazer parte do padrão formal do HTML.
  • 12.  O WHATWG trabalhou por muito tempo somente por email e alcançaram seu maior feito com os formulários HTML 4 que passou a incorporar tecnologias dos autores do grupo, sem quebrar o padrão de compatibilidade com o conteúdo existente.  O grupo foi criado para assegurar que o futuro desenvolvimento destas especificações fosse completamente livre, através de arquivos públicos e uma lista de discussão aberta.
  • 13.  Por muitos anos o W3C e o WHATWG ignoraram um ao outro.  Enquanto o WHATWG focava nos formulários e nas novas características no HTML, o W3C estava ocupado com a versão 2.0 do XHTML.  Mas em outubro de 2006, ficou claro que a WHATWG estava vivendo um momento mais sério, enquanto o XHTML 2.0 estava sendo lançado como rascunho e não estava sendo implementado pela maioria dos navegadores.  Em outubro de 2006, Tim Berners-Lee, o fundador da W3C, anunciou que a W3C deveria trabalhar em conjunto com a WHATWG.  O primeiro passo do trabalho em conjunto foi renomear o “Web Application 1.0” para “HTML5”.
  • 14. MATÉRIA: INTERNET E HTML PROFESSOR: ARMANDO RIVAROLA, LICENCIADO EM COMPUTAÇÃO
  • 15. ESTRUTURA BÁSICA, DOCTYPE E CHARSETS  A estrutura básica do HTML5 continua sendo a mesma das versões anteriores da linguagem, há apenas uma excessão na escrita do Doctype. Segue abaixo como a estrutura básica pode ser seguida: <!DOCTYPE HTML> <html <head> <title> </title> </head> <body> </body> </html>
  • 16. O DOCTYPE  O Doctype deve ser a primeira linha de código do documento antes da tag HTML.  <!DOCTYPE html!>  O Doctype indica para o navegador e para outros meios qual a especificação de código utilizar.  Em versões anteriores, era necessário referenciar o DTD diretamente no código do Doctype.  Com o HTML5, a referência por qual DTD utilizar é responsabilidade do Browser.  O Doctype não é uma tag do HTML, mas uma instrução para que o browser tenha informações sobre qual versão de código a marcação foi escrita.
  • 17. O ELEMENTO HTML  O código HTML é uma série de elementos em árvore onde alguns elementos são filhos de outros e assim por diante.  O elemento principal dessa grande árvore é sempre a tag HTML.
  • 18. HEAD  A Tag 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.
  • 19. TITLE  O <title> tag é necessária em todos os documentos HTML e define o título do documento.  O elemento <title>:  define um título na barra de ferramentas do navegador  fornece um título para a página quando ele é adicionado aos favoritos  exibe um título para a página nos resultados do Search Engine
  • 20. BODY  A tag <body> define o corpo do documento.  O elemento <body> contém todo o conteúdo de um documento HTML, tais como texto, hyperlinks, imagens, tabelas, listas, etc.
  • 21. EXERCÍCIO Abra em seu computador o bloco de notas e crie o nosso primeiro arquivo html. De o Title de : Minha primeira página. E no Body escreva: Olá Curso Técnico em Informática para Internet.