Tags verschachteln

Tags haben Eltern und Kinder

  HTML-Tags können verschachtelt werden, d.h. der Inhalt eines Tag kann andere Tags enthalten, diese wiederum können selber weitere Tags enthalten, usw.. Komplexe HTML-Dateien enthalten viele solcher Verschachtelungs-Ebenen.

Alle HTML-Dokumente bestehen aus verschachtelten Tags:

HTML Kuchenblech
Vergleiche das Bild mit dem Code des Grundgerüsts

Beispiel

<main>
	<h1>Überschrift</h1>
	<div>		
    	<p>		
    		Zu ch.ch:<br>
    		<a href="https://www.ch.ch">
				<img src="img/myImage.png">
			</a>
		</p>	
	</div>		
</main>

Single-Tags können keine Kinder haben

Single-Tags können keine Kind-Elemente enthalten. Darum heissen sie auch "Standalone-Tags". Im Bild oben sind sie angedeutet durch die Kellen und die Bratschaufeln.