Conheça o Plugfeed | » Início » Programação » Aprendendo HTML, parte 3
Conheça o Plugfeed | » Início » Programação » Aprendendo HTML, parte 3 -->
 
Avaliação: | Publicado em: 02/02/2008
Aprendendo HTML, parte 3
Humberto Rodrigues Técnico em Informática. Webmaster. Conhecimentos em Photoshop, Flash, Dreamweaver, Visual Basic, Delphi, Access, HTML, CSS, SQL e PHP.
Aprendendo HTML, parte 3

Olá pessoal do Plugmasters.
Peço desculpas pelo tempo que estive ausente, mas trabalho + estudo toma todo o nosso tempo.
Agora vamos aprender como deixar nossas páginas HTML mais "bonitinhas", veja só:

Estilos de Texto e Fonte
Assim como no editor de textos, você pode criar uma série de efeitos no texto, alterando a forma ou o tipo da fonte. Todos os comandos que alteram o estilo do texto são do tipo contêiner ou liga desliga, ou seja, precisam ser especificados em pares, marcando o início e fim do texto que sofrerá a formatação.
Os principais comandos de estilo de texto são:

Comando

Sintaxe

Função

Negrito

<B>Texto</B>

Aplica o estilo Negrito

Itálico

<I>Texto</I>

Aplica o estilo Itálico

Sublinhado

<U>Texto</U>

Aplica o estilo sublinhado(Não funciona em alguns Browsers

Strong

<Strong>Texto</Strong>

Similar ao Negrito

Typerwriter

<TT>Texto</TT>

Deixa o texto com espaçamento regular

Big

<BIG>Texto</BIG>

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

Subscrito

<SUB>Texto</SUB>

Rebaixa o texto e diminui seu corpo

Pulsante

<BLINK>Texto</BLINK>

Faz com que o texto pisque (Não funciona no IE 4.

 

Aplicando cores e tamanhos no TEXTO
Alterando o tamanho da fonte

Um dos recursos de tratamento do texto mais interessantes da linguagem HTML é a possibilidade de alterar o tamanho, a cor e o tipo da fonte do texto utilizado. O comando responsável por isso é o comando <FONT>, que é do tipo liga desliga.

Size

O parâmetro size especifica o tamanho da fonte utilizada. Os valores permitidos vão de 1, o menor até 7, o maior. O padrão é 3. Se for especificado um número antecedido pelo sinal de adição ou de subtração, o tamanho da fonte atual será aumentado ou diminuído nesse valor. Por exemplo, se a fonte atual é 3 e for especificado <FONT SIZE=+2> o texto será exibido no tamanho 5. Se o valor for especificado sem sinal, a fonte será exibida no tamanho especificado.

Face

Esse parâmetro permite que seja escolhida uma fonte diferente para o texto. Podemos especificar várias fontes, de maneira que, se o sistema não possuir a primeira opção, a segunda é carregada.

Se não for encontrada nenhuma das fontes especificadas, o texto é exibido na fonte padrão.

Color

Esse parâmetro especifica a cor do texto. Seu valor pode ser especificado no formato hexadecimal, RGB ou através de um nome predefinido de cores como mostra a tabela abaixo:

Cor

Código

Cor

Código

Aqua

#70DB93

Blue

#0000FF

Black

#000000

Cyan

#00FFFF

Fuchsia

#FF00FF

Gray

#C0C0C0

Green

#00FF00

Lime

#32CD32

Brown

#800000

Navy

#23238E

Olive

#808000

Red

#FF0000

Silver

#E6E8FA

Teal

#008080

White

#FFFFFF

Yellow

#FFFF00

Não exagere na quantidade cores e tamanho das letras do texto ou a sua página parecerá uma mensagem enviada por código.

 Veja o exemplo abaixo:

As figuras acima mostram o código anterior sendo visualizado no IE e o Netscape, observem que no IE o comando BLINK não é aplicado.

<HTML>

<HEAD><TITLE>Aplicando estilos de texto</TITLE>

</HEAD>

<BODY>

<font face="Arial" size="4" color="Red">Este texto está em<B>Negrito</B><BR>

Este texto está em <I>Itálico</I><BR>

Este texto está em <U>Sublinhado</U><BR>

Este texto está em<B><I> Negrito e Itálico</B></I><P>

Este texto recebeu o estilo<STRONG> chamado Strong que é parecido com </STRONG>negrito<BR>

Este texto recebeu o estilo<TT>Typerwriter</TT>.<HR>

Este texto recebeu o formato de fonte <BIG>big</BIG> que cria letras grandes.<BR>

Este texto recebeu o formato de fonte <SMALL>Small</SMALL> que cria letras pequenas. <BR>

Este é um exemplo de texto <SUP>Sobrescrito</SUP> pelo comando SUP.<BR>

Este é um exemplo de texto onde foi usado o efeito <SUB>Subscrito</SUB> do comando SUB.<P>

Para chamar a <BLINK>atenção</BLINK> use o comando BLINK.</font>

</BODY>

</HTML>

Pessoal, é inevitável gravar esses códigos, eles são importantes na vida de qualquer WebMaster. Mas não basta decorar, tem que entender.

Até a próxima!
Humberto Rodrigues



Este artigo é a parte 3 de 3 da seguinte série:
  1. Aprendendo HTML, parte 1
  2. Aprendendo HTML, parte 2
  3. Aprendendo HTML, parte 3

CARACA que máximo....Adorei suas aulas,quero aprender mais e mais...quando vai ser a proxima aula???Estou ansiosa.Tenho um blog da UOL e acho breguinha aquelas imagens e quero modificar td...Abraços
Gostei do tuotrial... : Não avaliado
Joacirmo Alves Pinto Nunes José Amado Bogue <lucas.cavalheiro@hotmail,com>
q bosta meu!!!!vai pegar guria ao inves d faze isso meuuu!!!!!!vai namura ao inveis di faze isso, MANô!!!que treta !!! Jesus Negão!santa prastica do mic jegguer i do maicol diequisom
obrigado por estar contibuindo para o meu aprendizado
Gostei muito. Você tem uma maneira muito legal de passar o ensinamento. Vamos dar continuidade. Estou muito interessado no aprendizado. Legal!!!
Matheus
Muitoooo bom cara ! Continue assim , pude achar diversos códigos que não lembrava antes , muito obrigado !








Um produto Detetive.net