Dominando o Texto Subscrito em HTML

Introdução

Em HTML, a tag <sub> é usada para especificar texto inline que deve ser exibido como sobrescrito, unicamente por razões tipográficas. O conteúdo dentro desta tag é tipicamente renderizado com uma linha de base rebaixada, usando texto menor. Neste laboratório, você aprenderá como usar a tag <sub> em HTML para exibir texto subscrito.

Nota: Você pode praticar a codificação em index.html e aprender Como Escrever HTML no Visual Studio Code. Por favor, clique em 'Go Live' no canto inferior direito para executar o serviço web na porta 8080. Em seguida, você pode atualizar a aba Web 8080 para visualizar a página web.

Adicione a estrutura básica do HTML (boilerplate)

Crie um novo arquivo chamado index.html.

Adicione o seguinte código a index.html para criar a estrutura HTML básica.

<!doctype html>
<html>
  <head>
    <title>HTML Sub Tag Lab</title>
  </head>
  <body></body>
</html>

Adicione a tag sub

Adicione o seguinte código dentro do elemento <body> para criar um texto subscrito.

<p>My chemical formula is H<sub>2</sub>O.</p>

Este código exibirá o texto "My chemical formula is H2O", onde "2" será exibido como subscrito.

Salve o arquivo index.html e abra-o em um navegador web para visualizar a saída. Você deve ver o texto subscrito "H2O".

Resumo

Neste laboratório, você aprendeu como usar a tag <sub> em HTML para exibir texto subscrito. Isso é útil para exibir fórmulas químicas e outros tipos de texto que exigem uma linha de base rebaixada. Seguindo os passos descritos neste laboratório, você pode facilmente adicionar a tag <sub> ao seu código HTML e criar texto subscrito.