Textos em HTML

O HTML possui tags que formatam fontes. Essas tags podem ser usadas em conjunto para transformar o aspecto de textos ou bloco de textos. Neste post veja textos em HTML.

Veja:

Títulos

As tags padrão para títulos que já estão pré-formatadas nos navegadores Web são:

<h1>, <h2>, <h3>, <h4>, <h5> e <h6>

Estas tags já estão formatadas em negrito e com uma letra maior do que a do texto convencional. A única diferença entre estas tags é que a <h1> possui o maior tamanho de letra e vai diminuindo de tamanho até chegar até a <h6>, que possui o menor tamanho de letra.

<h1>Seu título aqui!<h1>

Quebras de linha

Você já deve ter percebido que não importa à quantidade de enters que você aplica a uma determinada linha de seu texto a quebra de linha nunca acontece. Isso ocorre porque esta função de quebra de linha é designada a tag <br />, cuja a sua utilização é diferenciada, pois a mesma indica uma tag “completa”, aberta e fechada.

Parágrafo

A tag que tem a função de formatar um bloco de texto como parágrafo é a tag <p>. Ela é utilizada da mesma forma que as tags dos títulos.

Estilos de texto

Estilo Negrito: <b> Texto </b> ou <strong> Texto </strong>
Estilo Itálico: <i> Texto </i>
Estilo Sublinhado: <u> Texto </u>
Estilo Riscado: <strike> Texto </strike>
Estilo Superescrito texto de cima: ^{texto de cima}
Estilo Subescrito texto de baixo: _{texto de baixo}

Fontes

Tipo da fonte: abcdefgh : <font face=”verdana” size=3 color=”#FF0000″>

“Font face” configura o tipo da fonte, “size” especifica o tamanho da fonte e “color” determina a cor da fonte.

Também existem tags pré formatadas que determinam o tamanho do texto. Essas tags são <small> e <big>.

Centraliza o texto: <center>Texto centralizado </center>

Alinhamento de textos:

<p align="center">Texto centralizado.</p>
<p align="right">Texto alinhado à direita.</p>
<p align="left">Texto alinhado à esquerda.</p>

Também podemos fazer <div align=”right”>Texto alinhado à direita.</div>

Linha horizontal: <hr> Link: Link <a href=”página”>Texto do link </a>

Citações

O Elemento HTML <blockquote> (ou Elemento HTML de citação de bloco) indica que o texto incluído é uma longa citação. Normalmente, este é processado visualmente pelo recuo:

<blockquote cite="https://www.criandobits.com.br/doacao"> Primeiramente agradeço pela sua preferência em navegar e pesquisar neste site. Sem você o meu trabalho não teria sentido. Manter este site é motivo de orgulho e satisfação para mim, pois essa atividade me estimula a fixar, aprimorar e obter novos conhecimentos, além de ajudar outras pessoas.</blockquote>

Para citações menores utilizamos as tags <q> </q>:

<q>Esta é uma citação de menor tamanho!</q>

Fica assim: Esta é uma citação de menor tamanho!

Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits