HTML Ruby-Anmerkung Rückfall

Einführung

In diesem Lab werden Sie über das HTML <rp>-Tag lernen. Sie werden über seine Verwendung, Syntax und grundlegende Beispiele informiert. Das <rp>-Tag wird als Rückfallklammern für Benutzer verwendet, die das <ruby>-Tag nicht unterstützen.

Hinweis: Sie können im index.html programmieren und lernen, wie Sie in Visual Studio Code HTML schreiben. Klicken Sie im unteren rechten Eck auf 'Go Live', um den Webdienst auf Port 8080 auszuführen. Anschließend können Sie die Registerkarte Web 8080 aktualisieren, um die Webseite anzuschauen.

HTML-Datei einrichten

1. Erstellen Sie eine HTML-Datei namens index.html.
2. Im Körper erstellen Sie folgenden HTML-Code:

<h1>HTML Ruby Klammern</h1>
<p>Beispieltext hier.</p>

Fügen Sie das <rp>-Tag hinzu

1. Fügen Sie das <ruby>-Tag unter das <p>-Tag hinzu.
2. Fügen Sie innerhalb des <ruby>-Tags das <rp>-Tag mit Anfangs- und Schließtags hinzu.

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

Fügen Sie globale Ereignisse hinzu

1. Fügen Sie beliebige Ereignisse oder globale Attribute Ihrem Code hinzu, wie z. B. Inline-Styles.

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

2. Öffnen Sie die Datei index.html in Ihrem Webbrowser, um Ihren Code anzuzeigen.

Zusammenfassung

In diesem Lab haben Sie gelernt, wie das HTML <rp>-Tag und seine Syntax verwendet werden. Sie haben auch gelernt, wie ein einfaches Beispiel erstellt wird, um Rückfallklammern für Benutzer anzuzeigen, die das <ruby>-Tag nicht unterstützen. Das <rp>-Tag ist in HTML wichtig, da es die Formatierung ermöglicht, so dass sie in verschiedenen Browsertypen korrekt angezeigt wird.