|
Material desenvolvido para os
usuários do
Instituto de Ciências Matemáticas e de Computação, da Universidade
de São Paulo em São Carlos, SP
Autora: Maria Alice Soares de Castro
ATENÇÃO: Este material não pode ser comercializado.
Este trabalho
não tem fins lucrativos, nem está relacionado a provedores de acesso ou sites comerciais.
|
:: Capa
» HTML Básico
|
|
Formatação
de frases
Como visto anteriormente (em Formatação de Textos e Caracteres), HTML permite dois tipos de formatação:
lógico e físico; aqui veremos as formatações mais utilizadas:
Estilos Lógicos
<CITE>
- Para títulos de livros, filmes, e citações curtas. Exemplo:
- Assisti Guerra nas Estrelas umas oito vezes!
<CODE>
- Para indicar trechos de código de programas. Exemplo:
for (x=0); cl &&(!feof(stdin)); x++));
<DFN>
- Indica definição de uma palavra, em geral apresenta o texto em itálico. Exemplo:
- CERN: Centre d’Éstudes et Recherches Nucleaires
<EM>
- Ênfase, também normalmente apresentado em itálico. Exemplo:
- É preciso pesquisar muito para encontrar o termo exato.
<KBD>
- Indica uma entrada via teclado. Exemplo:
- Para ler mensagens recebidas, digite pine -i
<SAMP>
- Indica uma seqüência de caracteres, por exemplo uma mensagem de erro ou um resultado. Exemplo:
- O resultado do primeiro applet é: Hello, World!
<STRONG>
- Forte ênfase, mostrado normalmente em negrito. Exemplo:
- Antes de enviar um e-mail, confira o campo “Subject:”!
<VAR>
- Indica variáveis, ou valores que o usuário deverá escrever; geralmente mostrado em itálico. Exemplo:
- No campo
Login, escreva guest.
Estilos Físicos
<B>
- Quando disponível no browser, é mostrado em negrito (em alguns browsers, pode aparecer sublinhado)
<I>
- Itálico (em alguns casos, caracteres inclinados)
<TT>
- Tipo teletype - fonte de espaçamento fixo.
<U>
- Sublinhado; deve ser usado com cuidado, pois confunde-se com a apresentação de links.
<STRIKE> ou <S>
- Frase
riscada.
<BIG>
- Fonte um pouco maior.
<SMALL>
- Fonte um pouco menor.
<SUB>
- Frase em estilo índice, como em H2O.
<SUP>
- Frase em estilo expoente, como em Km2.
|
Introdução
à Linguagem HTML O
documento básico e seus compontentes
Formatação de textos Blocos de texto Frases Caracteres Especiais Cores e Fontes Blink Marquee
Ligações (uso de links)
Inserção de imagens
|