HTML-Tag

❮ Vorige Nächste ❯

Das Tag ist dem Tag <div> ähnlich und ist ein universaler Container, aber im Vergleich zum Blockelement <div> bestimmt das Element einzelne Zeilen, Symbole und andere Zeilenelemente für ihre weitere Formgestaltung mit den CSS-Stilen oder für ihre Verarbeitung mithilfe von Skripten. Das Tag wird verwendet, um

ein Teil des Textes mit einer Farbe hervorzuheben, für ihn einen Hintergrund oder ein Hintergrundbild zu bestimmen.
die Schriftart von einzelnen Wörtern oder Phrasen zu ändern.
Skripte zu den getrennten Bereichen des Textes, zum Beispiel für die Beleuchtung der Syntax des Codes usw. anzuwenden.

Das Tag hat keinen Einfluss auf die visuelle Gestaltung der Elemente und hat keine semantische Bedeutung.

Syntax

Das Tag wird gepaart verwendet, sein Inhalt wird zwischen den Start- () und Endtags () platziert.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p>Meine Katze hat <span style="color: green;">grüne</span> Augen.</p>
  </body>
</html>

Versuch es selber!

In diesem Beispiel haben wir den Stil unmittelbar im Tag eigegeben.

Ergebnis

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>   
      .letter { 
      color: red; 
      font-size: 300%; /* Die Schriftgröße im Prozent*/ 
      position: relative; /* Relative Positionierung */ 
      top: 7px; /* Verschiebung von oben*/ 
    </style>
  </head>
  <body>
    <p><span class="letter">S</span>ie hatte in den Händen abscheuliche, gelbe Blumen gehabt. Und diese Blumen hoben sich auf ihrem schwarzen Frühlingsmantel sehr deutlich heraus.</p>
    <p>Michail Bulgakow</p>
  </body>
</html>