Wie man tiefgestellten Text in HTML

December 6

Wenn Text subscripted ist, hängt es ein wenig tiefer als der Rest des Textes auf der gleichen Linie. Beim Formatieren von Text als hochgestellt in HTML verwendet, um mit ein paar "< Sub >" Tags, behandelt werden, die nicht mehr der Fall ist. Um alle Stile von Struktur zu trennen, wurde diese Formatierung auf Cascading Style Sheets, eine Formensprache, die eng mit HTML verlegt. Nach Tiefgestellt "< span >" Tags, um den gewünschten Text hinzufügen, können Sie die Verwendung des Wertes "Sub" "Vertical-align" in CSS gestalten. Sobald Sie einen Klassennamen mit dieser CSS-Code erstellen, können Sie es so oft wie Sie, um innerhalb des HTML-Codes benötigen.

Anweisungen

1 Öffnen Sie die Webseite in Notepad oder einem Codeeditor.

2 Finden Sie den Inhalt in den HTML-Code, in dem Sie den tiefgestellten Text hinzufügen möchten:

< p > Dies ist ein Absatz, die enthalten tiefgestellten Text. </p >

3 Fügen Sie ein paar "< span >" Tags, wo Sie den tiefgestellten Text angezeigt werden soll. Platzieren Sie den Text innerhalb der Tags "< span >" subscripted werden:

< p > Dies ist ein Absatz, die wird enthalten Tiefgestellt < Span > < / span > Text. </p >

4 Den "< span >" Tags "Tiefgestellt" den Namen einer Klasse hinzufügen:

< p > Dies ist ein Absatz, die enthalten wird < span Class = "Tiefgestellt" > tiefgestellte < / Span > Text. </p >

Sie können Namen der Klasse nichts, aber ein Namen wie "Tiefgestellt" ist leichter zu merken und aussagekräftiger, wer sonst möglicherweise Ihren HTML-Code bearbeiten müssen.

5 Zur "< Head >" Tags in den HTML-Code und ein paar "< Stil >" Tags zu finden. Wenn Sie sie nicht sehen, fügen sie jetzt:

< Typ style = "Text/Css" >< / style >

6 Erstellen Sie eine Stilregel für "Tiefgestellt" innerhalb der "< Stil >" Tags:

< Typ style = "Text/Css" >Tiefgestellt {}}< / style >

7 Fügen Sie "vertikal ausrichten: Sub" der Regel für die Klasse "Tiefgestellt". Dadurch wird Ihr Text subscripted, aber du musst auch ändern Sie die Größe des Textes um es kleiner zu machen. Die Schriftgröße ändern, indem Sie hinzufügen "Schriftgröße: kleiner":

< Typ style = "Text/Css" >Tiefgestellt {}

vertical-align: sub; font-size: smaller;

}< / style >

Tipps & Warnungen

  • Benötigen Sie mehr tiefgestellten Text in derselben HTML-Seite, fügen Sie Klasse "Tiefgestellt" innen "< Span >" oder andere Markierungen den Text umgibt.
  • Sichern Sie Ihre Webseite vor Bearbeitungen, falls Sie einen Fehler machen und können es später nicht finden.

SIE KÖNNEN AUCH GERNE