SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
O que é HTML e
CSS?
Gustavo Teodoro
Hyper Text Markup Language
A Linguagem de Marcação para Hipertexto é
utilizada para escrever documentos que
possam ser lidos por softwares chamados de
agentes de usuário. Um navegador, um leitor
de tela e um robô de busca são exemplo de
agente de usuário.
Tim Berners Lee
Inventou a web em
1992, visando
descobrir um método
que possibilitasse aos
cientistas do mundo
inteiro compartilhar
eletronicamente seus
textos e pesquisas.
Primeiro navegador criado por Tim Berners-Lee
Hipertexto e hiperlinks
Hipertexto é um conceito existente nos meios
acadêmicos desde os anos de 1940. Contudo,
foi com o advento dos computadores pessoais
que o conceito passou das definições
acadêmicas para as aplicações práticas.
Linha do tempo do HTML
● 1991 - Lista de discussão eletrônica
denominada www-talk com o propósito de
trocar idéias e experiências sobre a HTML.
● 1992 - Desenvolvimento do MOSAIC
● 1993 - Desenvolvimento do Lynx versão 2.0
a
e versão 1.0 do Mosaic. Desinteresse das
grandes CIAs.
● 1994 - Spyglass compra licença de
comercialização da versão aperfeiçoada do
Mosaic que entra no mercado consumidor
Linha do tempo do HTML
● 1994 - Primeira conferência para a World
Wide Web com a apresentação do HTML+,
web se torna um caos devido as diferenças
de navegador, é proposta então a versão
HTML2 que unifica o código. Mosaic
transforma em Netscape comunication, é
criada o W3C.
● 1995 - Novos atributos definem tamanhos,
tipos, cores das letras, cores de fundo,
textura e parafernálias.
Linha do tempo do HTML
● 1995 - HTML3 criação da classe, ainda
aparece marcação para tabelas, notas de
rodapé e formulários, as tabelas só sairam
na versão seguinte. A Netscape propõe o
conceito de frames. Microsoft lança versão
2.0 Internet explorer. Inicia a idealização das
CSS - Folhas de estilos em cascata.
● 1996 - Padronização através do HTML ERB,
que se transformou no Grupo de Trabalho
da HTML e existe até hoje. Cougar.
Linha do tempo do HTML
● 1997 - HTML3.2 como recomendação
oficial. Incorpora funcionalidads como table,
applets, subscritos e sobrescritos e texto em
redor de imagens. Versão rascunho da
Cougar que se transformou na HTML4. Em
dezembro HTML4 é recomendada
oficialmente.
● 1998 - Projeto Voyager estuda reformulação
da HTML em XML.
● 1999 - XHTML1.0
Linha do tempo do HTML
● 2009 - Grupo de trabalho descontinua
XHTML2.0 para trabalhar no HTML5
● 2010 - Steve Job diz que com o HTML5 o
flash não seria mais necessário.
● 2011 - Adobe descontinua Flash para celular
e foca em HTML5
Folha de Estilo em Cascata (CSS)
Cascading Style Sheets (ou simplesmente
CSS) é uma linguagem de estilo utilizada para
definir a apresentação de documentos escritos
em uma linguagem de marcação, como HTML
ou XML. Seu principal benefício é prover a
separação entre o formato e o conteúdo de um
documento.
Softwares
Editor de texto
- Bloco de notas
- Notepad++
- Editor texto
WYSIWYG
- Dreamwaver
- Bluefish
- Kompozer
BLOCO DE NOTAS DO WINDOWS
Notepad++ no Windows
Dreamweaver no Windows
Kompozer no Linux
A estrutura do código HTML
<html>
<head>
</head>
<body>
</body>
</html>
É isso, até a
próxima!
Gustavo Teodoro
gustavoalvesteodoro@gmail.com

Mais conteúdo relacionado

Semelhante a O que é HTML e CSS? Uma introdução completa

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ásicalucianoteixeirasgmail
 
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura BásicaMauro Duarte
 
Conecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoConecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoAntonio Silva
 
DHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup LanguageDHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup LanguageDenilson Sousa
 
Desenvolvimento para a Internet - Aula 01
Desenvolvimento para a Internet - Aula 01Desenvolvimento para a Internet - Aula 01
Desenvolvimento para a Internet - Aula 01Leandro Rezende
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxJEANCLEVERSONPRATAS
 
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
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdfNickMartinsgaspar
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptxLuanDev1
 
Desenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapDesenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapFlavio Souza
 
História do CSS, XML, JavaScript, JML.pptx
História do CSS, XML, JavaScript, JML.pptxHistória do CSS, XML, JavaScript, JML.pptx
História do CSS, XML, JavaScript, JML.pptxBNBN31
 
Linux Desktop (Campus Party Recife)
Linux Desktop (Campus Party Recife)Linux Desktop (Campus Party Recife)
Linux Desktop (Campus Party Recife)Adriano Melo
 

Semelhante a O que é HTML e CSS? Uma introdução completa (20)

O Poder do HTML5
O Poder do HTML5O Poder do HTML5
O Poder do 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
 
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
 
Conecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoConecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - Apresentação
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
 
Html
HtmlHtml
Html
 
Curso básico HTML5
Curso básico HTML5Curso básico HTML5
Curso básico HTML5
 
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
 
DHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup LanguageDHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup Language
 
Internet.pdf
Internet.pdfInternet.pdf
Internet.pdf
 
Desenvolvimento para a Internet - Aula 01
Desenvolvimento para a Internet - Aula 01Desenvolvimento para a Internet - Aula 01
Desenvolvimento para a Internet - Aula 01
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
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
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
 
XML & HTML
XML & HTMLXML & HTML
XML & HTML
 
Desenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapDesenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter Bootstrap
 
História do CSS, XML, JavaScript, JML.pptx
História do CSS, XML, JavaScript, JML.pptxHistória do CSS, XML, JavaScript, JML.pptx
História do CSS, XML, JavaScript, JML.pptx
 
Seminario html5
Seminario html5Seminario html5
Seminario html5
 
Linux Desktop (Campus Party Recife)
Linux Desktop (Campus Party Recife)Linux Desktop (Campus Party Recife)
Linux Desktop (Campus Party Recife)
 

O que é HTML e CSS? Uma introdução completa

  • 1. O que é HTML e CSS? Gustavo Teodoro
  • 2. Hyper Text Markup Language A Linguagem de Marcação para Hipertexto é utilizada para escrever documentos que possam ser lidos por softwares chamados de agentes de usuário. Um navegador, um leitor de tela e um robô de busca são exemplo de agente de usuário.
  • 3. Tim Berners Lee Inventou a web em 1992, visando descobrir um método que possibilitasse aos cientistas do mundo inteiro compartilhar eletronicamente seus textos e pesquisas.
  • 4. Primeiro navegador criado por Tim Berners-Lee
  • 5. Hipertexto e hiperlinks Hipertexto é um conceito existente nos meios acadêmicos desde os anos de 1940. Contudo, foi com o advento dos computadores pessoais que o conceito passou das definições acadêmicas para as aplicações práticas.
  • 6. Linha do tempo do HTML ● 1991 - Lista de discussão eletrônica denominada www-talk com o propósito de trocar idéias e experiências sobre a HTML. ● 1992 - Desenvolvimento do MOSAIC ● 1993 - Desenvolvimento do Lynx versão 2.0 a e versão 1.0 do Mosaic. Desinteresse das grandes CIAs. ● 1994 - Spyglass compra licença de comercialização da versão aperfeiçoada do Mosaic que entra no mercado consumidor
  • 7. Linha do tempo do HTML ● 1994 - Primeira conferência para a World Wide Web com a apresentação do HTML+, web se torna um caos devido as diferenças de navegador, é proposta então a versão HTML2 que unifica o código. Mosaic transforma em Netscape comunication, é criada o W3C. ● 1995 - Novos atributos definem tamanhos, tipos, cores das letras, cores de fundo, textura e parafernálias.
  • 8. Linha do tempo do HTML ● 1995 - HTML3 criação da classe, ainda aparece marcação para tabelas, notas de rodapé e formulários, as tabelas só sairam na versão seguinte. A Netscape propõe o conceito de frames. Microsoft lança versão 2.0 Internet explorer. Inicia a idealização das CSS - Folhas de estilos em cascata. ● 1996 - Padronização através do HTML ERB, que se transformou no Grupo de Trabalho da HTML e existe até hoje. Cougar.
  • 9. Linha do tempo do HTML ● 1997 - HTML3.2 como recomendação oficial. Incorpora funcionalidads como table, applets, subscritos e sobrescritos e texto em redor de imagens. Versão rascunho da Cougar que se transformou na HTML4. Em dezembro HTML4 é recomendada oficialmente. ● 1998 - Projeto Voyager estuda reformulação da HTML em XML. ● 1999 - XHTML1.0
  • 10. Linha do tempo do HTML ● 2009 - Grupo de trabalho descontinua XHTML2.0 para trabalhar no HTML5 ● 2010 - Steve Job diz que com o HTML5 o flash não seria mais necessário. ● 2011 - Adobe descontinua Flash para celular e foca em HTML5
  • 11. Folha de Estilo em Cascata (CSS) Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
  • 12. Softwares Editor de texto - Bloco de notas - Notepad++ - Editor texto WYSIWYG - Dreamwaver - Bluefish - Kompozer
  • 13. BLOCO DE NOTAS DO WINDOWS
  • 17. A estrutura do código HTML <html> <head> </head> <body> </body> </html>
  • 18. É isso, até a próxima! Gustavo Teodoro gustavoalvesteodoro@gmail.com