 |
<<<
voltar
::
Curso de HTML ::
:: Iniciando os primeiros
TAGs
:: Formatando
Texto
:: Links, Imagens e
Background
:: Tabelas
:: Frames
:: Comando Básicos de
HTML
:: Tabela de Caracteres
Especiais
MÓDULO 02
Formatando o Texto
Nosso
último comando foi determinar ao browser as características do corpo de texto,
lembra-se:
<HTML>
<HEAD>
<TITLE>Bem-vindo ao mundo do web designer
</HEAD>
<BODY BGCOLOR="pink" TEXT="red"
LINK="black" VLINK="white">
Aqui vc vai realizar toda a sua imaginação e seu
talento em diagramar páginas para a internet
</BODY>
</HTML>
Bem hoje vamos ampliar o nosso conhecimento neste sentido.
Como vc percebeu, a "fonte" padrão do leitor de HTML é o tipo Times New
Romam. Mas como então mudá-la? Para isso, existe o TAG<FONT> e seus
atributos. Ex.:
TAG= <FONT></FONT>
Atributos:
size= "tamanho da fonte", pode ser 1, 2, 3, 4, até 8. Note:
os tamanhos da fonte em HTML diferem dos padrões que estamos acostumados, isto
é, em HTML o size=3 corresponde ao tamanho da fonte 11 em um editor de texto,
como o Word, por exemplo.
color= "cor da fonte", corresponde a cor da fonte
que vc quer utlizar.
face= "tipo de fonte", indica o nome da fonte que vc
quer utlizar, que pode ser: arial, verdana, sans-serif e assim por diante.
Contudo, observe sempre o seguinte: só terá efeito uma fonte se esta constar
na memória do computador daquele que está visualizando a sua página. Explicando,
ao visualizar uma página o computador de seu cliente irá procurar na memória por
ele utilizada se há a referida fonte, caso não houver ele usará a fonte padrão,
ou seja, times nem romam. Por isso, quando diagramar uma página procure usar
fontes genéricas, como verdana, arial, courier, garamond, que são encontradas em
qualquer computador.
Há dois modos de expor o TAG font e seus
atributos:
de modo separado: <FONT size=2></FONT>, <FONT
color=black></FONT> e <FONT face=verdana> </FONT>
tudo junto: <FONT size=2 color=black face=verdana></FONT>
Note que nos exemplos acima não foram usados aspas; nesse caso podem ser
usadas ou não, contudo procure estabelecer um padrão, pois caso ocorra um erro,
esse padrão ajudará vc a localizá-lo mais facilmente. OK.
Bem, agora vamos ao exemplo:
<HTML>
<HEAD>
<TITLE>Bem-vindo ao mundo do web
designer</TITLE>
</HEAD>
<BODY BGCOLOR="pink"
TEXT="red" LINK="black" VLINK="white">
Aqui vc vai realizar toda a
sua imaginação e seu talento em diagramar páginas para a internet, com a fonte
padrão.
<FONT size=2 color=lime face=arial, verdana,
sans-serif>Aqui está a sua nova Fonte</FONT>
</BODY>
</HTML>
Outro recurso na diagramação de fontes são os títulos ou cabeçalhos
<H>, que variam de 1 a 6, exemplificando:
<H1>Cabeçalho número
1</H1>
<H2>Cabeçalho número 2</H2>
<H3>Cabeçalho
número 3</H3>
e assim por diante. Anote o seguinte: o cabeçalho sempre se apresentará com a
fonte padrão, portanto, se vc quiser usar uma outra fonte é necessário que o
atributo "face" venha antes do TAG <H>: <FONT face=arial><H2>Aqui vai o título</H2></FONT>. Certo? Outra
informação: um TAG <H2> não sobrepõe um<H1>, ou seja, alguns
espertinhos acham que ao determinarem um TAG <H1>Aqui e um outro TAG
<H2>Aqui, ele aceitará esse comando. Isso se chama aninhamento e não é
aceito pela maioria dos browser.
Outros TAGs de estilo de fonte, mas que são usados em separados do TAG
<FONT>, são eles:
negrito: <B></B>
itálico: <I></I> sobrescrever: <SUP></SUP> subescrever:
<SUB></SUB> formatar texto: <PRE></PRE>; nota: este TAG
apresenta o texto da maneira que foi digitado, respeitando todos os comandos
dados e seu estilo de diagramação, contudo não aceita o texto justificado.
sublinhado: <U></U>
Alinhamento
O alinhamento de texto ocorre com o seguintes
TAGs:
centralizado:
<CENTER></CENTER>
parágrafo justificado: <P align=justify></P>
parágrafo à esquerda: <P></P>
parágrafo à direita: <P align=right></P>
quebrar uma linha:
<BR>
Marcadores de textos
Listas:
Numerada
<OL>
<LI>Banana
<LI>Laranja
<LI>Abacaxi
<LI>Morango
</OL>
Não numeradas:
<UL>
<LI>Banana
<LI>Laranja
<LI>Abacaxi
<LI>Morango
</UL>
Bem vamos ao nosso exemplo de página:
<HTML>
<HEAD>
<TITLE>Bem-vindo ao mundo
do web designer</TITLE>
</HEAD>
<BODY BGCOLOR="pink"
TEXT="red" LINK="black" VLINK="white">
Aqui vc vai
realizar toda a sua imaginação e seu talento em diagramar páginas para a
internet, com a fonte padrão.
<P>
<FONT size=2 color=lime
face=arial, verdana, sans-serif>Aqui está a sua nova
Fonte</FONT>
</P>
Até agora<B> vc</B>
aprendeu:<BR>
<OL>
<LI>Arquivo HTML = nome.html
e index.html para a 1<SUP>a</SUP> página
<LI>A compor
o corpo de um texto
<LI>A trabalhar com diversas
<U>fontes</U>
<LI>A alinhar um texto
<LI>A usar marcadores de textos
</OL>
</BODY>
</HTML>
Agora vc já está pronto para digitar e diagramar textos em
HTML. Lembre-se,
este é um curso básico, existem outros comandos que podem auxiliar na
diagramação textual de sua página, por isso um bom tutorial irá lhe ajudar a
pesquisar esses novos comandos. Por isso, mãos à obra.
<<<
>>>
|
