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.
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.
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.
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.