HTML Ruby Anotación de respaldo

Introducción

En este laboratorio, aprenderás sobre la etiqueta HTML <rp>. Aprenderás sobre su uso, sintaxis y ejemplos básicos. La etiqueta <rp> se utiliza como corchetes de respaldo para aquellos que no admiten la etiqueta <ruby>.

Nota: Puedes practicar la codificación en index.html y aprender Cómo escribir HTML en Visual Studio Code. Haga clic en 'Go Live' en la esquina inferior derecha para ejecutar el servicio web en el puerto 8080. Luego, puede actualizar la pestaña Web 8080 para previsualizar la página web.

Configura el archivo HTML

1. Crea un archivo HTML llamado index.html.
2. En el cuerpo, crea el siguiente código HTML:

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

Agrega la etiqueta

1. Agrega la etiqueta <ruby> debajo de la etiqueta <p>.
2. Dentro de la etiqueta <ruby>, agrega la etiqueta <rp> con las etiquetas de apertura y cierre.

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

Agrega eventos globales

1. Agrega cualquier evento o atributos globales a tu código, como estilos en línea.

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

2. Abre el archivo index.html en tu navegador web para ver tu código.

Resumen

En este laboratorio, has aprendido cómo usar la etiqueta HTML <rp> y su sintaxis. También has aprendido cómo crear un ejemplo básico para mostrar corchetes de respaldo para aquellos que no admiten la etiqueta <ruby>. La etiqueta <rp> es importante en HTML ya que permite que la formato se muestre correctamente en diferentes tipos de navegadores.