Aula 01 - HTML 5 + CSS3 - Prof. Ubirajara Junior

HTML 5
Hypertext Markup Language
Prof. Msc. Ubirajara Junior
[email protected]
www.ucljunior.com.br
Roteiro
• A história da Internet
• O que é HTML e evolução da Linguagem
• Estrutura básica de uma página HTML
• Principais mudanças na estrutura do HTML 5
• A linguagem e ferramentas para criar páginas
• Estrutura básica de uma página HTML
• Tags de formatação de texto
• <p>, <br>, <i>, <b>, links, <form>, <image>....
História da Internet
• Tudo começou com a ARPAnet (projeto fundado pelo departamente
de defesa dos EUA em 1969);
• ARPA (Advanced Research Project Administration)
• Objetivo de desenvolver uma tecnologia de rede de informática fiável
que pudesse suportar a estratégia militar;
• Utilização das Universidades;
• Surgimento do protocolo IP;
• Em 1990 depois de tantas contribuições a ARPAnet foi desligada;
O que é HTML e evolução da linguagem
• HTML (HiperText Markup Language) é uma linguagem baseada em
marcas (tags), que se destina a formatar tudo que aparece em
documentos para a WWW;
• Pode-se resumir que HTML é uma formatação de texto para página de
Internet;
• Não é uma linguagem complexa e torna-se fácil o seu entendimento
mesmo para quem nunca teve nenhum tipo de contato com
linguagens de programação;
O que é HTML e evolução da linguagem
• A HTML foi criada pelo físico Tim Berners-Lee, onde os documentos
podem ser interpretados pelos navegadores;
• A primeira vesão da HTML foi baseada em outra linguagem, chamada
de SGML, também utilizada para estruturar documentos;
O que é HTML e evolução da linguagem
• A HTML surgiu em 1990 e até o 5º ano após o seu surgimento, sofreu
diversas revisões e alterando a sua especificação;
• Após 1995, a linguagem foi regularizada e padronizada pela W3C,
entidade que regula os padrões Web;
• Em 1993, Dave Ragget, propôs uma evolução do HTML, denominada
HTML+, mas essa nunca foi implementada;
• Desta forma o primeiro sucessor foi o HTML 2.0, havendo correções
da versão anterior;
• Após isso Dave, escreveu o HTML 3.0 baseado no seu rascunho
HTML+;
O que é HTML e evolução da linguagem
• No HTML 3.2, implementou características tais como tabelas, applets
flutuantes ao redor de imagens;
• Tempos depois, Dave foi co-autor do HTML 4;
• Em 1999, o HTML 4.01 foi publicado trazendo como principais
premissas a compatibilidade com as versões anteriores;
• Finalmente, em 2008 a W3C publicou a especificação do HTML 5;
Principais mudanças na estrutura do HTML 5
• HTML 5 tem por objetivo criar uma forma mais simples, fácil e ágil de
desenvolver websites;
• Essa nova versão do HTML traz mudanças significativas com a criação
de novas Tags que possibilitam unir as partes da página de forma
lógica;
Principais mudanças na estrutura do HTML 5
• Inicialmente usar a declaração <!DOCTYE html>, isso indica que o
documento é do tipo HTML;
• Hierarquia de cabeçalhos (h1 – h6) também foi alterada;
• Tags:
•
•
•
•
•
<header> - cabeçalho dentro de seção
<footer> - rodapé
<nav> - links de navegação
<section> - divisão de páginas
<article> - muito utilizado em sites de notícias
Principais mudanças na estrutura do HTML 5
Ferramentas para criação de Websites
• Uso de qualquer editor de texto para criar páginas Web;
Estrutura básica de uma página HTML
Tags de formatação HTML 5
• DEVMEDIA
• http://www.devmedia.com.br/comandos-e-tags-html5/23618
• Mozila Foundation
• https://developer.mozilla.org/ptBR/docs/Web/HTML/HTML5/HTML5_elemen
t_list
• W3Schools.com
• http://www.w3schools.com/tags/
Referências
1. Universidade do Porto – Centro de cálculo de engenharia civil http://civil.fe.up.pt/Software/HTML/htmldoc.pdf
2. Página de tecnologia Sempre Tops http://www.sempretops.com/internet/evolucao-html-ate-html-5/
3. InfoWest - http://www.infowester.com/introhtml5.php
4. Linha de código - http://www.infowester.com/introhtml5.php