html e css - o que é?
TRANSCRIPT
![Page 1: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/1.jpg)
O que é HTML e CSS?Gustavo Teodoro
![Page 2: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/2.jpg)
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.
![Page 3: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/3.jpg)
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.
![Page 4: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/4.jpg)
Primeiro navegador criado por Tim Berners-Lee
![Page 5: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/5.jpg)
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.
![Page 6: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/6.jpg)
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
ae 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
![Page 7: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/7.jpg)
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.
![Page 8: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/8.jpg)
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.
![Page 9: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/9.jpg)
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
![Page 10: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/10.jpg)
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
![Page 11: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/11.jpg)
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.
![Page 12: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/12.jpg)
Softwares
Editor de texto
- Bloco de notas- Notepad++- Editor texto
WYSIWYG
- Dreamwaver- Bluefish- Kompozer
![Page 13: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/13.jpg)
BLOCO DE NOTAS DO WINDOWS
![Page 14: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/14.jpg)
Notepad++ no Windows
![Page 15: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/15.jpg)
Dreamweaver no Windows
![Page 16: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/16.jpg)
Kompozer no Linux
![Page 17: HTML e CSS - O que é?](https://reader036.vdocuments.net/reader036/viewer/2022082213/5a6ecf157f8b9a70728b65c9/html5/thumbnails/17.jpg)
A estrutura do código HTML
<html><head>
</head><body>
</body></html>