Fallback de Anotação Ruby HTML

Introdução

Neste laboratório, você aprenderá sobre a tag HTML <rp>. Você aprenderá sobre seu uso, sintaxe e exemplos básicos. A tag <rp> é usada como parênteses de fallback (fallback brackets) para aqueles que não suportam a tag <ruby>.

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.

Configurar o arquivo HTML

1. Crie um arquivo HTML chamado index.html.
2. No corpo (body), crie o seguinte código HTML:

<h1>HTML Ruby Parentheses</h1>
<p>Example text here.</p>

Adicionar a tag

1. Adicione a tag <ruby> abaixo da tag <p>.
2. Dentro da tag <ruby>, adicione a tag <rp> com tags de abertura e fechamento.

<ruby>
  <rp>(</rp>
  <rt>MTV</rt>
  <rp>)</rp>
</ruby>

Adicionar Eventos Globais

1. Adicione qualquer evento ou atributos globais ao seu código, como estilos inline.

<ruby style="font-size: 18px;">
  <rp>(</rp>
  <rt>MTV</rt>
  <rp>)</rp>
</ruby>

2. Abra o arquivo index.html no seu navegador web para visualizar o seu código.

Resumo

Neste laboratório, você aprendeu como usar a tag HTML <rp> e sua sintaxe. Você também aprendeu como criar um exemplo básico para mostrar colchetes de fallback para aqueles que não suportam a tag <ruby>. A tag <rp> é importante em HTML, pois permite que a formatação seja exibida corretamente em diferentes tipos de navegadores.