10.1 Início da formatação
Formatar texto usando as tags <b>, <strong>, <i>, <em>, <u> e <small> permite aos desenvolvedores web melhorar a legibilidade e dar ênfase a certas partes do texto. Cada uma dessas tags tem um uso específico:
<b>: texto em negrito sem significado adicional<strong>: texto em negrito com ênfase na importância<i>: texto em itálico para destaque estilístico<em>: texto em itálico com ênfase lógica ou semântica<u>: texto sublinhado para realce visual<small>: texto pequeno para informações secundárias
Entender e fazer o uso correto dessas tags ajuda a criar páginas web mais claras e visualmente atraentes.
Tags principais para formatação de texto
Tag <b> e <strong>
A tag <b> é usada para destacar texto em negrito, mas sem um significado semântico especial. A tag <strong> também deixa o texto em negrito, mas dá um significado semântico adicional, indicando a importância ou significado do texto.
<p>Este texto é <b>em negrito</b>, e este texto é <strong>muito importante e em negrito</strong>.</p>
Tag <i> e <em>
A tag <i> é usada para destacar texto em itálico sem significado semântico especial. A tag <em> deixa o texto em itálico e indica ênfase ou importância do texto.
<p>Este texto é <i>em itálico</i>, e este texto é <em>muito importante e em itálico</em>.</p>
Tag <u> e <ins>
A tag <u> é usada para sublinhar texto. A tag <ins> também sublinha texto, mas é usada para indicar texto inserido, o que faz sentido no contexto de rastreamento de alterações.
<p>Este texto é <u>sublinhado</u>, e este texto é <ins>inserido e sublinhado</ins>.</p>
Tag <s> e <del>
A tag <s> é usada para texto riscado. A tag <del> também risca o texto, mas indica exclusão de texto, o que faz sentido no contexto de rastreamento de alterações.
<p>Este texto é <s>riscado</s>, e este texto é <del>excluído e riscado</del>.</p>
Tag <mark>
A tag <mark> é usada para destacar texto que tem um significado ou importância especial no contexto atual. O texto dentro de <mark> é exibido com um fundo amarelo.
<p>Este texto está <mark>destacado</mark> para chamar a atenção.</p>
Tag <small>
A tag <small> é usada para exibir texto em um tamanho menor em comparação com o texto normal.
<p>Este é o texto principal, e este é <small>texto pequeno</small>.</p>
Tag <sub> e <sup>
As tags <sub> e <sup> são usadas para criar texto subscrito e sobrescrito, respectivamente.
<p>Este é um texto com índice subscrito H<sub>2</sub>O e índice sobrescrito x<sup>2</sup>.</p>
10.2 Quebras de linha
Tag <br>
A tag <br> é usada para inserir uma quebra de linha, que move o texto para uma nova linha sem criar um novo parágrafo.
<p>Este é um texto com quebra de linha<br>dentro de um parágrafo.</p>
Tag <hr>
A tag <hr> é usada para inserir uma linha horizontal, que visualmente separa o conteúdo na página web.
<p>Texto acima da linha.</p>
<hr>
<p>Texto abaixo da linha.</p>
GO TO FULL VERSION