Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Was bedeutet Block-Element?

Ähnliche Präsentationen


Präsentation zum Thema: "Was bedeutet Block-Element?"—  Präsentation transkript:

1 Was bedeutet Block-Element?
Was bedeutet Block - Element? Was bedeutet Block - Element? Was bedeutet Block - Element?

2 Definition / Bedeutung
Element zur Textstrukturierung Bereich Body-Daten Blockelement erzeugen einen eigenen Absatz im Textfluss

3 Definition / Bedeutung
Kann enthalten: Normalen Text Inline-Elemente Andere Blockelemente

4 Elemente address | blockquote | center | del | dir | div | dl | fieldset | form | h1-6 | hr | ins | isindex | menu | noframes | noscript | ol | p | pre | table | ul SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Zitate und Adressen SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Listen SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Trennlinien

5 Typen Allgemeines Blockelement:
Sie können mehrere Elemente wie Text, Grafiken, Tabellen usw., in einen gemeinsamen Bereich einschließen. Dieses allgemeine Element bewirkt nichts weiter als dass es in einer neuen Zeile des Fließtextes beginnt. Ansonsten hat es keine Eigenschaften. Es ist dazu gedacht, um mit Hilfe von CSS formatiert zu werden.

6 Beispiel <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Allgemeines Block-Element</title> </head> <body> <div align="center"> <h1>Alles zentriert</h1> <ul> <li>alles zentriert</li> <li>alles?</li> <li>alles!</li> </ul> </div> <div align="right"> <h1>Alles rechts am Rand</h1> <li>alles rechts am Rand</li> </body> </html>

7 Beispiel So sieht`s aus:

8 Typen Älteres Blockelement für zentrierte Bereiche:
Sie können mehrere Absätze, bestehend aus ganz verschiedenen Elementen wie Text, Grafiken, Tabellen usw. gemeinsam zentriert ausrichten. Dieses Element ist jedoch als deprecated eingestuft. Es ist mittlerweile eigentlich überflüssig und sollte nur noch in begründeten Ausnahmefällen (z.B. Abwärtskompatibilität zu Netscape 1.1) benutzt werden.

9 Beispiel <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Älteres Block-Element für zentrierte Bereiche</title> </head> <body> <center> <h1>Zentrierter Kunsttext</h1> <pre>.:*A*:._.:*S*:._.:*C*:._.:*I*:._.:*I*:._.:*~*:._.:*A*:._.:*R*:._.:*T*:.</pre> </center> </body> </html>

10 Zentrierter Kunsttext
Beispiel So sieht`s aus: Zentrierter Kunsttext .:*A*:._.:*S*:._.:*C*:._.:*I*:._.:*I*:._.:*~*:._.:*A*:._.:*R*:._.:*T*:.

11 Praktisches Beispiel:
MAX & MORITZ

12 Danke für die Aufmerksamkeit und Mitarbeit!


Herunterladen ppt "Was bedeutet Block-Element?"

Ähnliche Präsentationen


Google-Anzeigen