Beispiel:HTML Elementtypen.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!doctype html> <html> 

 <head>
   <meta charset="utf-8">
   <title>Beispiel für Inline- und Block-Elemente</title>
   <style>
       h1, p { 
           background: gold
       }
       p {
           max-width: 40em;
       }
       a, span {
           font-weight: bold;
           background: #fffbf0;
       }
   </style>
 </head>
 <body>

Ich bin eine Überschrift (h1), ein Block-Element und stehe in einer eigenen Zeile.

Ich bin ein Absatz (p) und stehe auch in einer eigenen Zeile, weil ich ein Block-Element bin.

Ich bin ein weiterer Absatz (p), deswegen erzwinge ich auch einen Zeilenumbruch. Allerdings habe ich jetzt ein Inline-Element dabei (span), welches im Textfluss bleibt und weiteren Text nicht beeinflusst.

Innerhalb dieses Absatzes gibt es einen <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials">Link auf unsere Tutorials</a>.

 </body>

</html>

Abgerufen am 19.08.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:HTML_Elementtypen.html"