Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
1
Angewandte Internettechnologien
2
Überschriften, Absätze und Zeilenumbrüche
Überschriften: Die Elementtypen h1, h2, h3, h4, h5 und h6 Absätze: Der Elementtyp p Zeilenumbrüche: Der Elementtyp br
3
Überschriften Definition:
Überschriften führen in das Thema eines Abschnitts ein. Dokumente enthalten ein oder mehrere h1-Elemente, zum Auszeichnen der Hauptüberschriften eines Abschnitts Mit h2-Elementen erfolgt die Einführung in das Thema eines Unterabschnittes Dieses Prinzip lässt sich hierarchisch weiter fortführen bis zur Überschrift h6
4
Überschriften Einsatz:
Die standardmäßige Darstellung der verschiedenen Überschriften durch den Browser kann mit Hilfe von CSS angepasst werden! Überschriften sollen inhaltlich und logisch richtig eingesetzt werden enthält ein XHTML-Dokument ein in sich geschlossenes Thema, dann gibt es genau eine h1-Überschrift, die dem title-Element entspricht Die Überschrifts-Elemente können von assistiven Technologien (z.B. Screenreader) zur Navigationshilfe eingesetzt werden. Nutzen Sie diese Elemente zur Darstellung der Struktur Ihrer Dokumente! Überschriften bilden eine impliziete Hierarchie Überspringen Sie niemals eine Überschriftenebene!
5
Absätze Definition: Das Element p zeichnet einen Textabsatz aus.
Es darf keine Blockelemente enthalten. Einsatz: Absätze dienen primär der Strukturierung des Textes Ihrer Website.
6
Zeilenumbrüche Definition:
Das leere Element br umbricht zwingend die aktuelle Textzeile. Es darf keine Blockelemente enthalten. Einsatz: Mehrere Zeilenbrüche sind zu vermeiden. Eine Leerzeile nach jedem Absatz, sowie alle anderen vertikalen Abstände zwischen Elementen sind ein Merkmal der Darstellung Umsetzung mit CSS und nicht durch den missbrauch von br-Elementen.
7
Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
" <html xmlns=" lang="de" xml:lang="de"> <head> <!-- Metainformationen --> </head> <body> <h1> Überschrift erster Ordnung </h1> <p> Lorem ipsum dolor sit amet, consectetuer (...) </p> <!– [...] --> <p> Sein Blick ist vom Vorübergehn der Stäbe <br /> </p> </body> </html>
8
Browser
9
B.Eng. Björn Dünckel wissenschaftlicher Mitarbeiter Hochschule der Medien Tel
Ähnliche Präsentationen
