CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

HyperText Markup Language (HTML) - Textos

Por Benedito Silva Júnior - publicado em 14/07/2016


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

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: <sup> texto de cima </sup>
Estilo Subescrito texto de baixo: <sub> texto de baixo </sub>

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> 

 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo