HTML Indextext

HTMLHTMLBeginner
Jetzt üben

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

Im HTML wird das <sub>-Tag verwendet, um inline-Text anzugeben, der lediglich aus typografischen Gründen als Index dargestellt werden soll. Der Inhalt dieses Tags wird normalerweise mit einer erniedrigten Grundlinie und kleinerem Text gerendert. In diesem Lab werden Sie lernen, wie Sie das <sub>-Tag im HTML verwenden, um indizierten Text anzuzeigen.

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


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"]) html(("HTML")) -.-> html/AdvancedElementsGroup(["Advanced Elements"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/BasicStructureGroup -.-> html/head_elems("Head Elements") html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding") html/AdvancedElementsGroup -.-> html/inter_elems("Interactive and Dynamic Elements") subgraph Lab Skills html/basic_elems -.-> lab-70847{{"HTML Indextext"}} html/head_elems -.-> lab-70847{{"HTML Indextext"}} html/doc_flow -.-> lab-70847{{"HTML Indextext"}} html/inter_elems -.-> lab-70847{{"HTML Indextext"}} end

Fügen Sie das HTML-Vorlage hinzu

Erstellen Sie eine neue Datei namens index.html.

Fügen Sie den folgenden Code zu index.html hinzu, um die grundlegende HTML-Struktur zu erstellen.

<!doctype html>
<html>
  <head>
    <title>HTML Sub Tag Lab</title>
  </head>
  <body></body>
</html>

Fügen Sie das Sub-Tag hinzu

Fügen Sie den folgenden Code innerhalb des <body>-Elements hinzu, um indizierten Text zu erstellen.

<p>My chemical formula is H<sub>2</sub>O.</p>

Dieser Code wird den Text "My chemical formula is H2O" anzeigen, wobei "2" als Index dargestellt wird.

Speichern Sie die Datei index.html und öffnen Sie sie in einem Webbrowser, um die Ausgabe anzuzeigen. Sie sollten den indizierten Text "H2O" sehen.

Zusammenfassung

In diesem Lab haben Sie gelernt, wie Sie das <sub>-Tag im HTML verwenden, um indizierten Text anzuzeigen. Dies ist nützlich, um chemische Formeln und andere Arten von Text anzuzeigen, die eine erniedrigte Grundlinie erfordern. Indem Sie den in diesem Lab beschriebenen Schritten folgen, können Sie das <sub>-Tag einfach zu Ihrem HTML-Code hinzufügen und indizierten Text erstellen.