HTML Ruby Annotation Fallback

Introduction

Dans ce laboratoire, vous allez découvrir la balise HTML <rp>. Vous allez en apprendre plus sur son utilisation, sa syntaxe et des exemples de base. La balise <rp> est utilisée comme crochets de repli pour ceux qui ne prennent pas en charge la balise <ruby>.

Note: Vous pouvez pratiquer la programmation dans index.html et apprendre Comment écrire du HTML dans Visual Studio Code. Cliquez sur 'Go Live' dans le coin inférieur droit pour exécuter le service web sur le port 8080. Ensuite, vous pouvez rafraîchir l'onglet Web 8080 pour prévisualiser la page web.

Configurez le fichier HTML

1. Créez un fichier HTML nommé index.html.
2. Dans le corps, créez le code HTML suivant :

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

Ajoutez la balise

1. Ajoutez la balise <ruby> sous la balise <p>.
2. À l'intérieur de la balise <ruby>, ajoutez la balise <rp> avec des balises d'ouverture et de fermeture.

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

Ajoutez des événements globaux

1. Ajoutez n'importe quel événement ou attribut global à votre code, tels que des styles en ligne.

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

2. Ouvrez le fichier index.html dans votre navigateur web pour afficher votre code.

Résumé

Dans ce laboratoire, vous avez appris à utiliser la balise HTML <rp> et sa syntaxe. Vous avez également appris à créer un exemple de base pour montrer les crochets de repli pour ceux qui ne prennent pas en charge la balise <ruby>. La balise <rp> est importante en HTML car elle permet d'afficher correctement la mise en forme dans différents types de navigateurs.