Block Elemente nutzen immer die komplette Fensterbreite! Oft verwendete Blockelemente sind z.B. alle Überschriften wie <h1>, <h2>, usw. und das Absatz-Element <p>.
Inlineelemente kommen immer innerhalb einer Line vor bzw. innerhalb der Block-Elemente. Das Inline-Element nimmt aber im gegensatz zu den Blockelementen nur den Platz in anspruch der vom Inhalt benötigt wird.
Ausschnitte |
Zulaessig oder nicht |
<html><h1>Überschrift</h1></html> |
falsch, h1 kann nicht in html vorkommen |
<h1><a href=“http://www.google.de”>Goooogle…</a></h1> |
richtig, kann in jedem block und inline Element außer <a> enthalten sein |
<img src=”bild.gif”>Tolles Bild</img> |
? |
<td><table><tr><td>Zelle</td></tr></table></td> |
falsch, <td> kann nur innerhalb <tr> vorkommen |
<h1><table><tr><td>Zelle</td></tr></table></h1> |
falsch, table kann nicht innerhalb <h1> vorkommen |
<a href=”schueler.htm”>Zu den <a href=“fi2ba.htm“>der Klasse FI2Ba</a></a> |
falsch, <a> kann nihct innerhalb von <a> vorkommen |
<div align=“center“>Zentrierter <span style="color:blue">blauer</span> Text </div> |
richtig, <span> kann innerhalb von <div> vorkommen |
<p><h1>Öffungszeiten</h1><p> |
falsch, <h1> kann nicht innerhalb von <p> vorkommen |
<ul>Vorstand<li>Hanno Wille-Boysen (Vorsitz)</li></ul> |
richtig, <li> kann innerhalb von <ul> vorkommen |