Programa o para Web Aula 2 HTML
Professor Juliano Paulo Menzen
Juliano.menzen@gmail.com
Definições do HTML
HTML é a linguagem em que são escritas as páginas da internet.
Ela permite formatação de texto, como paragrafos, fontes, cabeçalhos, listas, tabelas e outros.
Os links são elementos que quando clicados permitem acessar outra página.
As páginas HTML aceitam conteúdo multimídia, como texto, imagem e som.
2
Definições
Para se criar conteúdo na linguagem
HTML, deve-se sempre utilizar tags
(marcadores).
Uma tag é um elemento que modifica o conteúdo da página.
As tags podem ser utilizadas para definir:
◦
◦
◦
◦
A formatação do texto.
A estrutura do texto.
Formulários
E demais elementos configuráveis.
3
Tags Estruturais
Uma tag é escrita sempre entre o sinal de maior e menor, como <html>.
As tags estruturais da linguagem HTML são as seguintes:
◦ html: indica o início de um documento HTML.
◦ head: local utilizado para incluir metatags e configurações para a página (não é o cabeçalho visivel da página).
◦ title: é o título que aparece no topo da janela.
◦ body: corpo do documento (conteúdo).
As tags sempre precisam ser fechadas, como em </html>.
4
Tags Estruturais
Uma página HTML é geralmente criada na estrutura padrão de elementos estruturais, como no exemplo a seguir.
As tags que compõem uma página não são sensíveis à caixa.
O único elemento que não pode ser omitido é o <html>.
O exemplo a seguir é uma página simples.
5
Exemplo com Tags Estruturais
<html>
<head>
<!--Cabeçalho da Página-- >
<title>
Título da Página
</title>
</head>
<body>
Corpo do Documento</br>
</body>
</html>
6
Tags Estruturais
O resultado será o seguinte:
7
Tags Estruturais e o HTML 5
Doctype (document type definition) ou DTD especifica a versão do HTML;
No html 5, emprega-se apenas <!DOCTYPE html>;
Anteriormente: <!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
8
Plugin para exibir estrutura HTML