segunda-feira, 12 de dezembro de 2011

Curso de HTML - Formatação de textos

Aprenda nesta postagem como formatar textos na linguagem HTML editando cores, tamanho e estilo de fontes com tags simples e comandos que qualquer um pode criar depois de aprender sobre o assunto.

Se acompanhar todas as partes deste curso de HTML com certeza estará fazendo muita coisa relacionada a este assunto e também aplicando ao seu blog.

Leia, faça anotações e exercícios até decorar as informações e realmente sentir que está aprendendo de verdade. Blogueiros lidam com este assunto constantemente com seus blogs. Os que não aprendem acabam sofrendo e tendo que pagar por qualquer edição simples e alteração.  

Formatação de Textos

3.1 DEFININDO FONTES

A tag <font> permite que você insira em sua página um texto com fontes, tamanhos, cores e tipos diferentes.

COMANDO:

<FONT SIZE="n" FACE="nome" COLOR="cor"> Texto </font>

Onde:

- SIZE: indica o tamanho da fonte que varia de 1 a 7, sendo 3 o valor padrão da maioria dos navegadores.

- FACE: indica o nome da fonte utilizada. As fontes padrões da maioria dos navegadores são: ARIAL, TIMES NEW ROMAN, GEORGIA, COURIER, VERDANA.

- COLOR : Define a cor da fonte do texto, em hexadecimal.


Caso a fonte utilizada na página não esteja disponível para o usuário que visitá-la, a fonte será substituida então pela fonte padrão do navegador utilizado pelo usuário.

Pode-se definir mais de uma fonte FACE, pois caso a primeira não esteja instalada no sistema do usuário, o navegador reconhe a próxima fonte definida.


3.2 ESTILO DE TEXTOS



O HTML define muitos elementos para formatar textos, como por exemplo escrever em negrito, itálico ou sublinhado.



COMANDO:

<html>
<head>
<title>Exemplo</title>
</head>
<body>
<b>Isto é texto em negrito</b> <br>
<strong>Isto é texto forte</strong> <br>
<big>Isto é texto maior</big> <br>
<em>Isto é texto enfatizado</em> <br>
<i>Isto é texto itálico</i> <br>
<small>Isto é texto mais pequeno</small> <br>
Este texto contém uma parte alinhada mais <sub>abaixo</sub> <br>
Este texto contém uma parte alinhada mais <sup>acima</sup>
</body>
</html>



3.3 FORMATANDO BLOCO DE TEXTOS


3.3.1 TAG DIV

A tag <div> permite alinhar horizontalmente qualquer elemento em sua página. O alinhamento pode ser: left, center ou right.

Onde a posição pode ser:

- LEFT: Alinhamento a esquerda;
- CENTER: Alinhamento centralizado;
- RIGHT: Alinhamento a direita.

O padrão de alinhamento da tag <div> é a esquerda.

COMANDO:

<div align="posicao">Elementos a serem alinhados</div>
<html>
<head>
<title>ALINHAMENTO DE ELEMENTOS COM A TAG DIV</title>
</head>
<body>
<div align="center">
<h1>Usando a TAG DIV </h1></div>
<div align="right">
<p> Usando a tag DIV é possível alinhar o texto sem problemas
<p>Pode utilizar o alinhamento a direita que alinha o seu texto na margem direita da
tela.<br>
Como um texto criado em um editor de texto para ser exibido na página.
</div></body></html>
Caso queira entrar em contato por algum motivo, acesse a página de contato através deste link:Contato.

Envie dúvidas, reclamações, sugestões, elogios e assuntos mais complexos relacionados ao artigo e em 24 horas estarei lhe respondendo prontamente.

0 comentários:

Postar um comentário

Se você quer fazer algum comentário sobre este artigo, fique a vontade em expressar sua opinião; desde que:

1. Tenha a ver com o assunto;
2. Não haja ofensas pessoais;
3. Não contenha links e spams;
4. Só comente de boa vontade.