** HTML BÁSICO **

Estilos de texto - Índice

Texto em negrito e itálico
Estilos de letras (fontes)

Estilos de texto

A linguagem HTML permite que se apliquem estilos específicos a letras, palavras ou sentenças. Pode-se criar palavras em negrito ou em itálico, e com vários tipos de letras. A letra default que aparece na maioria dos navegadores é a "Times New Roman". Isso significa que se não for identificado qual o tipo de letra a ser usada, automaticamente o texto ficará com este tipo de letra. Se for identificado qual o estilo da letra, o tipo de letra que você atribuiu a um texto ou palavra irá aparecer, desde que o visitante tenha em seu computador o mesmo tipo de letra instalado. Por exemplo, caso você tenha atribuído o estilo "Romatic" em seu texto, e o visitante não tiver essa fonte instalada no computador, aparecerá para ele em "Times New Roman". Por esse motivo é indicado usar estilos de letra comuns à maioria dos computadores.

Texto em negrito: Para elaborar um texto ou palavra em negrito usa-se a marcação e sua correspondente indicando o término da parte em negrito. A marcação refere-se à "bold", negrito em inglês.
Texto em itálico: Um texto em itálico segue o mesmo padrão de negrito, usando a marcação no lugar de e a sua correspondente .
Detalhe: você pode usar a marcação de itálico também para cabeçalhos (não é necessário usar a marcação de negrito, pois os cabeçalhos já vêm em negrito automaticamente, conforme explicado no item cabeçalhos), como segue:

<html>
<head>
<title>Título</title>
</head>
<body>
<h2>Cabeçalho em negrito</h2>
<h2>Cabeçalho em itálico</h2>
Texto normal 
Texto em negrito (bold) 
Texto em itálico
<body>
<html>

Deverá aparecer assim:

Estilos de letras: Podemos definir o estilo todo de um texto, mesmo que ele tenha diferentes aspectos em diversos trechos. A marcação básica é a e dentro desta tag devemos colocar todos os parâmetros para o estilo do texto, como estilo de letra, tamanho da fonte, cor, etc. (Lembre-se de que os cabeçalhos não têm um tamanho definido; dependem do navegador). Usando a marcação de fonte, podemos determinar o começo de um tipo de letra e quando formos mudar, devemos fechar a tag com a sua correspondente.
 Lembre-se de que é recomendado usar estilos de letras comuns, para não ocorrer mudanças em sua página quando for vista em outros computadores.
 A marcação utilizada é seguida dos parâmetros que queremos determinar:
 * "face" - para o tipo de fonte,
 * "size" - para o tamanho da fonte,
 * "color" - para a cor da fonte,
 como segue:

Aqui começa o texto com o estilo determinadoAqui já não é mais o mesmo tipo de letra.

Vamos mostrar um exemplo, para melhor entendimento (para entender o parâmetro de cores, temos que aprender cores, que mais adiante será explicado):

<html>
<head>
<title>Título</title>
</head>
<body>
<h2>Cabeçalho de nível 2 sem definição de letra</h2>
Aqui começa o texto com o estilo determinado: Bookman Old Style com tamanho 1 e cor rosa escuro 
Aqui é o mesmo estilo, só que em negrito com a colocação da marcação b. 
Aqui é o mesmo estilo, só que em itálico com a colocação da marcação i. 
Aqui começa o texto com o outro estilo determinado: Lucida Sans com tamanho 3 e cor verde. 
Aqui é um texto normal, sem indicação de estilos.
<body>
<html>

Podemos deixar de indicar qualquer parâmetro destes, por exemplo o tamanho. Se for ignorado o tamanho da fonte, por exemplo, o texto ficará com o estilo determinado, mas com o tamanho de um texto de size="+1". Olhe o mesmo tipo de exemplo, sem o parâmetro "size":

Aqui começa o texto com o estilo determinado: Bookman Old Style de cor rosa escuro, sem indicação de tamanho

Caso quisermos colocar textos com o tamanho menor que size="+1", devemos usar números negativos para a indicação. O tamanho 1, geralmente equivale ao tamanho 12 da fonte no Word. O tamanho -1 equivale à 10 no Word e o tamanho -2 equivale ao 8, e assim em diante. Um exemplo de fontes menores que 1:

<html>
<head>
<title>Título</title>
</head>
<body>
Esse é um texto em Arial com um tamanho menor que 1, equivalente ao tamanho 8 do Word. 
Esse também é um texto em Arial de tamanho menor que 1, equivalente ao tamanho 10 do Word. 
Esse é o tamanho normal de texto Arial, equivalente ao 12 no Word.
<body>
<html>