Mais tags de texto: A linguagem HTML oferece uma variedade de tags para formatar e estruturar textos em páginas web. Essas tags permitem que você destaque palavras, criar citações, inserir quebras de linha e muito mais.
Neste artigo, vamos continuar explorando as principais tags para manipulação de texto em HTML, com exemplos práticos para cada uma delas.
As Tags <ins> e <del> (Inserido e Deletado)
<ins>: Indica texto que foi inserido.<del>: Indica texto que foi deletado.
HTML
<p>O preço do produto foi <del>R$100,00</del> <ins>R$80,00</ins>.</p>O preço do produto foi R$100,00 R$80,00.
As Tags <sup> e <sub> (Sobrescrito e Subscrito)
<sup>: Exibe o texto como sobrescrito (acima da linha).<sub>: Exibe o texto como subscrito (abaixo da linha).
HTML
<p>A fórmula da água é H<sub>2</sub>O.</p>
<p>X<sup>2</sup> + Y<sup>2</sup> = Z<sup>2</sup></p>A fórmula da água é H2O.
X2 + Y2 = Z2
As Tags <small> e <i> (Texto Pequeno e Itálico)
<small>: Exibe o texto em um tamanho de fonte menor.<i>: Indica texto em itálico.
HTML
<p><small>Este texto é menor.</small></p>
<p>Este texto está em <i>itálico</i>.</p>Este texto é menor.
Este texto está em itálico.
As Tags <b> e <strong> (Negrito)
<b>: Exibe o texto em negrito.<strong>: Indica texto importante, geralmente estilizado como negrito.
HTML
<p><b>Este texto está em negrito.</b></p>
<p><strong>Este texto é importante.</strong></p>Este texto está em negrito.
Este texto é importante.
As Tags <br> e <hr> (Quebras de Linha e Regras Horizontais)
<br>: Insere uma quebra de linha simples.<hr>: Insere uma linha horizontal para separar seções de conteúdo.
HTML
<p>
Uma linha.
<br>
Outra linha.
</p>
<br>
<hr>
<br>
<p>
Uma nova seção.
</p>
Uma linha.
Outra linha.
Uma nova seção.
Conclusão
As tags para manipulação de texto em HTML são ferramentas essenciais para formatar e estruturar o conteúdo de suas páginas web. Ao utilizar essas tags de forma adequada, você pode criar páginas mais claras, organizadas e atraentes para os seus usuários.
Observações:
- A aparência visual das tags pode variar dependendo do estilo CSS aplicado.
- É importante utilizar as tags semânticamente, ou seja, escolher a tag mais adequada para cada tipo de conteúdo.
- A combinação dessas tags permite criar uma grande variedade de efeitos visuais.
Ao dominar essas tags, você estará dando um passo importante para criar páginas web mais eficientes e eficazes.
Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo:
E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados:
