Sei sulla pagina 1di 8

AG8 Informtica

3 PARTE

CAPTULO 06
Este captulo abranger :
1. Tags de formatao de texto lgicas e fsicas
2. Texto pr-formatado
3. Endereos, citaes e comentrios

38

AG8 Informtica

TAGS DE FORMATAO

Assim como em um editor de texto, em HTML voc poder utilizar


efeitos em seu texto. Como j percebeu os comandos, tags, trabalham em
continer.
Alguns destes comandos j foram introduzidos no captulo anterior. Os
principais comandos de estilo:

TAG

SINTAXE

FUNO

STRONG

<strong>texto</strong>

Similar ao negrito

TYPERWRITER

<tt>texto</tt>

BIG

<big>texto</big>

Deixa o texto com espaamento


regular
Aumenta a fonte e aplica negrito

SMALL

<small>texto</small>

Reduz e altera a fonte

SOBRESCRITO

<sup>texto>/sup>

Eleva o texto e diminui seu corpo

SUBESCRITO

<sub>texto</sub>

Rebaixa o texto e diminui seu corpo

BLINK

<blink>texto</blink>

Faz com que o texto pisque

NEGRITO

<b>texto</b>

Aplica o estilo negrito

ITLICO

<I>texto</I>

Aplica o estilo itlico

SUBLINHADO

<u>texto</u>

Aplica um sublinhado (em alguns


browsers esta tag no funciona)

Estes so os mais utilizados, porm h outros que merecem ateno.


Para alterar a formatao de um texto em HTML existem dois tipos de
estilos que devem ser observados: o estilo lgico e o estilo fsico.

39

AG8 Informtica

1. ESTILO LGICO
As tags deste tipo indicam como o texto destacado deve ser utilizado e
no como ser apresentado. Este estilo no indica como o texto ser
formatado e sim como ser utilizado no documento. No possvel garantir
que um texto destacado que utilize tags deste tipo sempre ser apresentado
em negrito ou itlico, por exemplo. Depender do browser.
Algumas tags de estilo lgico utilizadas em HTML padro:
<EM>
Indica que os caracteres devero ser enfatizados de alguma forma. De
forma diferente do restante do texto. Geralmente em itlico
<STRONG>
Esta tag enfatiza ainda mais que a anterior. Em negrito.
<CODE>
Esta tag indica um cdigo de exemplo a ser exposto.
<SAMP>
Esta tag indica texto de exemplo. Quando voc quer dar um exemplo
de endereo para a Internet sem criar link.

40

AG8 Informtica

2. ESTILOS FSICOS
Este estilo de tag realmente altera a formatao do texto, no estilo
anterior voc no possui garantia que o texto ir ser visualizado da forma que
planejou. Neste estilo ele ser visualizado da forma que atribuir as tags a ele.
Algumas tags de estilo fsico para HTML padro:

<B> </B>
<I> </I>
<TT> </TT>
<u> </u>
<S> </S>
<BIG> </BIG>
<SMALL> </SMALL>
<SUB> </SUB>
<SUP> </SUP>

coloca o texto em negrito


coloca o texto em itlico
fonte de mquina de escrever com espaamento
uniforme.
coloca o texto sublinhado
coloca o texto tachado
o texto ir aparecer maior que o restante ao redor
o texto ir aparecer menor que o restante ao redor
coloca o texto subscrito
coloca o texto sobrescrito

41

AG8 Informtica
Optando por utilizar tags do estilo fsico, caso o navegador no
reconhea uma das tags ele a ir substituir por outra equivalente ou ignorar a
formatao.

3. TEXTO PR-FORMATADO
O texto de uma arquivo em HTML formatado atravs das tags. Mas
voc possui a opo da tag <PRE> </PRE> para estabelecer uma formatao
atravs de um editor de texto e que esta formatao permanea na sua pgina
html.
O texto pr-formatado excelente para apresentar cdigo-fonte com
seus espaamentos adequados. Este recurso pode ser utilizado para criar
tabelas mas no recomendvel.
Uma observao importante que, ao usar tags de estilo ou vnculo, no
tags de elemento, neste espao elas iro funcionar normalmente.
SINTAXE:
<PRE>

</PRE>

TEXTO
TEXTO
TEXTO

4. CITAES E COMENTRIOS
A tag <BLOCKQUOTE> utilizada na criao de citaes longas que
no devem ser aninhadas em pargrafos.. A tag <CITE> destaca citaes
curtas.
Um exemplo:
<BLOCKQUOTE>
"O mercado de webdesign um dos segmentos de design com maior potencial
de crescimento para os prximos anos. Estima-se um crescimento de no
mnimo 50% ao ano at 2005. E, na corrida rumo a esse novo eldorado, as
agncias de propaganda mais uma vez largaram na frente dos escritrios de
design, investindo primeiro em estruturas especializadas para atender
demanda do mercado (...)".
Maria Edicy Moreira.
</BLOCKQUOTE>

42

AG8 Informtica

Visualizao no Internet Explore 5

Visualizao no Netscape 4.51

Caso queira fazer comentrios a respeito do seu cdigo HTML apenas


como referncia pessoal e no para ser exibido em suas pginas voc dever
fazer o comentrio da seguinte forma:

43

AG8 Informtica
<!- -comentrio- - >

5. ENDEREOS
Esta tag utilizada para identificar autorias de sua pgina. Geralmente
so apresentadas na parte inferior de cada pgina. Mostra quem confeccionou
aquela pgina, com quem o leitor deve entrar em contato caso queira ter
alguma informao ou fazer alguma observao. Estes endereos so
precedidos de um fio <hr>, que ainda veremos, e voc poder utilizar a tag
<br> para separar linhas.
<ADDRESS> TEXTO</ADDRESS>
Vejamos um exemplo:

<HR>
<address>
Cassia.teixeira@bol.com.br<br>
A servio de Ag8 Informtica Ltda - Me<br>
ltima atualizao: 10 de Janeiro de 2000<br>
Todos os direitos autorais so reservados<br>
</address>
Esta uma excelente forma de garantir que as pessoas entrem em
contato com voc caso necessitem e tambm uma forma de estar melhorando
a sua HP (Home Page) atravs de sugestes.

6. A TAG <BLINK>
O texto que se encontrar entre estas tags ir aparecer piscando.
Dependendo da verso do Netscape, esta tag somente ter efeito sobre o texto
se ele estiver sendo visualizado atravs do Netscape, esse efeito ter uma
dessas caractersticas:
1. texto ficar piscando em intervalos regulares
2. Um bloco cinza ou branco ficar piscando atrs do texto.
Este recurso geralmente utilizado para chamar a ateno do leitor
sobre uma determinada parte do texto.

44

AG8 Informtica
O problema do efeito piscando que ele chama ateno
excessivamente sobre aquela parte do texto tirando a ateno do leitor do
restante do texto. A maioria dos projetistas web consideram este efeito feio,
desagradvel e irritante. Em HTML poderamos coloc-lo como se fosse passar
a colher com bastante fora no fundo de uma panela de alumnio. J imaginou?

EXERCCIOS
1. Os comandos de formatao podem ser combinados para aplicar mais de
um efeito ao mesmo tempo?
2. Coloque os comandos HTML abaixo para que o texto tenha o seguinte
efeito:
Tutorial de HTML

3. Crie uma pgina HTML sobre algo que goste de fazer, e que faa muito
bem, e queira ensinar a outras pessoas. Um tutorial usando todas as tags
vistas at ento. Utilizando principalmente todos os comandos de
formatao.
4. Por que a tag Blink no bem aceita pela maioria dos projetistas de
pginas Web?
5. Qual a utilidade da tag de pr-formatao e qual sua sintaxe?
6. Como devo utilizar a tag <ADDRESS> </ADDRESS> e qual sua finalidade?

ANOTAES

45

Potrebbero piacerti anche