Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Angewandte Internettechnologien

Ähnliche Präsentationen


Präsentation zum Thema: "Angewandte Internettechnologien"—  Präsentation transkript:

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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" 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


Herunterladen ppt "Angewandte Internettechnologien"

Ähnliche Präsentationen


Google-Anzeigen