HTML Ruby Paréntesis | Desarrollo web

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.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"]) html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"]) html(("HTML")) -.-> html/AdvancedElementsGroup(["Advanced Elements"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") html/TextContentandFormattingGroup -.-> html/para_br("Paragraphs and Line Breaks") html/TextContentandFormattingGroup -.-> html/text_dir("Text Direction") html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding") html/AdvancedElementsGroup -.-> html/inter_elems("Interactive and Dynamic Elements") html/AdvancedElementsGroup -.-> html/custom_attr("Custom Data Attributes") subgraph Lab Skills html/basic_elems -.-> lab-70821{{"HTML Ruby Anotación de respaldo"}} html/text_head -.-> lab-70821{{"HTML Ruby Anotación de respaldo"}} html/para_br -.-> lab-70821{{"HTML Ruby Anotación de respaldo"}} html/text_dir -.-> lab-70821{{"HTML Ruby Anotación de respaldo"}} html/doc_flow -.-> lab-70821{{"HTML Ruby Anotación de respaldo"}} html/inter_elems -.-> lab-70821{{"HTML Ruby Anotación de respaldo"}} html/custom_attr -.-> lab-70821{{"HTML Ruby Anotación de respaldo"}} end

Configurar el archivo HTML

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

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

Agregar la etiqueta `<rp>`

Agrega la etiqueta <ruby> debajo de la etiqueta <p>.
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>

Agregar eventos globales

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>

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.

HTML Ruby Anotación de respaldo