Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt
Sie befinden sich: Startseite » HTML lernen – Website erstellen & strukturieren » Schachteln von HTML-TAGs

Schachteln von HTML-TAGs

HTML-TAGs verschachtelt

Die HTML-TAGs können nun bunt gemischt werden - verschachtelt. Wollen Sie z. B. einen Text erst fett und dann zusätzlich noch kursiv darstellen, ist das jetzt kein Problem mehr:

Hier kommt nun <strong>fetter und <em>kursiver (schräger)</em></strong> Text

Die Ausgabe im Browser:

Hier kommt nun fetter und kursiver (schräger) Text

Hinweis: Wie bei Schachteln, die ineinander gestapelt werden, müssen die Tags auch geöffnet und geschlossen werden. Der, der zuerst aufgemacht wurde, muss zuletzt geschlossen werden. Als Beispiel: <b> <i> Inhalt </i> </b>

Übung zum Schachteln von HTML-TAGs

Bauen Sie folgende Seite exakt nach!

Bauen Sie diese Seite exakt nach - beachten Sie unbedingt, dass die HTML-TAGs korrekt geschachtelt werden!

Und immer an die russischen Puppen denken, die es ursprünglich nur 3-, 5-, 7- oder 10-teilig gab. Inzwischen gibt es diese auch in 13- bzw. 20-teiliger Ausführung.

Lösung Übung
<p>Bauen Sie diese Seite <strong><em>exakt</em></strong> 
nach - beachten Sie <strong><em>unbedingt,</em> dass die 
<em>HTML-TAGs korrekt</em></strong> 
<em>geschachtelt werden!</em></p>

<p><em>Und immer an die russischen Puppen denken</em>, die es 
ursprünglich nur <em>3-</em>, <strong>5-</strong>, 
<em>7-</em> oder <strong><em>10-teilig</em></strong> 
gab. Inzwischen gibt es diese auch in 13- bzw. 20-teiliger Ausführung.</p>

Und mit Einrückungen sieht man besser, was wozu gehört:

<p>
  Bauen Sie diese Seite 
  <strong>
    <em>
      exakt
    </em>
  </strong>
  nach - beachten Sie 
 <strong>
    <em>
      unbedingt,
    </em> 
    dass die 
    <em>
      HTML-TAGs korrekt
    </em>
  </strong> 
  <em>
    geschachtelt werden!
  </em>
</p>

<p>
  <em>
    Und immer an die russischen Puppen denken
  </em>
  , die es ursprünglich nur 
  <em>
    3-
  </em>
  , 
  <strong>
    5-
  </strong>
  , 
  <em>
    7-
  </em> 
  oder 
  <strong>
    <em>
      10-teilig  
    </em>
  </strong>
  gab. Inzwischen gibt es diese auch in 13- bzw. 20-teiliger Ausführung.
</p>

Weiterempfehlen • Social Bookmarks • Vielen Dank

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Vielen Dank für Ihre Hilfe

    E-Books zum Kurs

    von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details