Exemplo 1
Objetivo
Este exercício tem por objetivo criar um documento Web com algumas das tags mais comuns. Na apostila foram colocados vários exemplos complementares. Confira!
Estrutura do documento
Todo documento HTML tem uma estrutura composta de algumas tags fundamentais. São elas: HTML,HEAD, TITLE, BODY, todas com o correspondente fechamento.
Tags fundamentais
HTML: Indica o início do documento.
HEAD: Seção de cabeçalho do documento.
TITLE: marca reservada para o título do documento. O título é exibido no topo da tela do browser. Sugere-se colocar um título curto (uma linha) porém expressivo.
BODY: corpo do documento propriamente dito (o que será exibido na tela).
Separação de parágrafos
Duas tags são utilizadas para separar parágrafos: P e BR. P coloca uma linha em branco entre parágrafos e BR não coloca nenhuma linha.
Centralização
A tag CENTER possibilita a centralização de expressões.
Comentário
A marca de comentário permite inserir um texto no documento sem que ele seja exibido no browser. Por exemplo:
Linha horizontal
A tag HR traça uma linha horizontal.
Formatos de cabeçalho
H1, H2, H3, H4, H5, H6 permitem escrever títulos e subtítulos em diferentes estilos de letra. Neste documento estamos usando H1 e H2.
Negrito, itálico e piscante
Negrito e itálico são normalmente usados para destacar palavras ou frases importantes, porém o piscante não é todo browser que apresenta esse recurso. Veja os exemplos:
Esta linha em negrito
Esta linha em itálico
Margens
Observe no início do documento, logo após BODY, a tag BLOCKQUOTE. Sua função é criar margem a esquerda e margem a direita do documento.
Caracteres especiais
Alguns caracteres são especiais tanto na aparência quanto na forma de escrever. Exemplos:
©
ª - ordinal feminino
± - mais ou menos
§ - sinal de seção
Agora estamos criando uma lista
- Toda tag HTML tem uma função específica, logo é importante conhecer e praticar para saber quando usar.
- Algumas tags requerem o fechamento, outras não. As que requerem fechamento são normalmente de formatação de texto. As que não requerem fechamento são tags de separação de trechos de documentos ou inserção (de imagens, de caracteres especiais, etc.).
- As listas facilitam a leitura dos documentos, por isso seu uso é bem recomendado.
Autoria do documento
ADDRESS é normalmente usado para formatar informações sobre o autor do documento. Costuma-se colocá-la no rodapé da página. Veja o exemplo:
Documento criado em ..... (substitua o espaço pontilhado pela data de hoje)
Autor: ....... (substitua o espaço pontilhado pelo seu nome)
©2002 - Todos os direitos reservados