Strukturierungselemente Div & Article
Mit div-Elementen können Sie im HTML (nicht in Ihrem Leben) Strukturen schaffen.
Folgendes Beispiel schauen wir uns an.
Wir wollen zwei Textblöcke untereinander stellen.
Der Erste Block mit einem grauen Hintergrund und der Zweite Block mit einer roten Füllung.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>2-Bereiche untereinander</title>
<style>
#grau { background:#c5c5c5;}
#rot { background:#fd0000;}
</style>
</head>
<body>
<!--Div-Elemente-->
<h2>Div-Elemente</h2>
<div id="grau">das ist der Div-Container mit dem grauen Hintergrund</div>
<div id="rot">das ist der Div-Container mit der roten Füllung</div>
<p></p>
<h2>Article-Elemente</h2>
<!--Article aus HTML-LS-->
<article id="grau">
das ist der Article-Bereich mit dem grauen Hintergrund</article>
<article id="rot">
das ist der Article-Bereich mit der roten Füllung<
/article>
</body>
</html>