Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Silla Plump, 2009. Was ist HTML? HyperText Markup Language ursprünglich zur Auszeichnung wissenschaftlicher Texte Brot- und Buttersprache selfhtml.org.

Ähnliche Präsentationen


Präsentation zum Thema: "Silla Plump, 2009. Was ist HTML? HyperText Markup Language ursprünglich zur Auszeichnung wissenschaftlicher Texte Brot- und Buttersprache selfhtml.org."—  Präsentation transkript:

1 Silla Plump, 2009

2 Was ist HTML? HyperText Markup Language ursprünglich zur Auszeichnung wissenschaftlicher Texte Brot- und Buttersprache selfhtml.org

3 Systematik Besteht aus Tags in der Regel öffnendes und schließendes Tag Format: einzelne Befehle können nahezu beliebig ineinander verschachtelt werden Klammersystem beachten: { [ ( ) ] } Reintext = Sonderzeichen und Umlaute umwandenumwanden Erweiterung einzelner "Grundbefehle" durch Attribute

4 HTML-Editor: Phase 5

5 Grundgerüst einer HTML-Seite |

6 Einfache Codierungen Eingabe Anzeige HTML ist ganz einfach ! Zeilen umbrechen HTML ist ganz einfach! Zeilen umbrechen

7 Farben Hexadezimal-Code (oder RGB-Farben) Schrift einfärben: Mathe Weitere Verwendungen: z. B. Hintergrund, Rahmen von Bildern und und Tabellen, etc.

8 Zelle 1 Zelle 2 Zelle 3 Zelle 4 …. Tabellen - Grundgerüst Zelle 1Zelle 2Zelle 3Zelle 4

9 Attribute für Erweiterung Sinn bordercolor="#2F2F2F border="1" class="text width=1200 " Rahmenfarbe Rahmenstärke Textformatierung in der Tabelle bleibt identisch mit Text außerhalb der Tabelle Tabellenbreite (1200 Pixel)

10 Attribute für Erweiterung Sinn valign="top" width=200 " Text bleibt am oberen Rahmen hängen Zellenbreite (200 Pixel)

11 Listen unsortiert Thema 1 Thema 2 Thema 3 nummeriert Thema 1 Thema 2 Thema 3 Thema 1 Thema 2 Thema 3 1.Thema 1 2.Thema 2 3.Thema 3

12 Bilder Dateiformate:.gif,.jpg,.jpeg oder.png Absoluter Link: verlinkt ein Bild von einer anderen Seite: Link-Pfad = vollständige URL angeben Relativer Link: identische Datei-Pfad-Teile werden weggelassen Ausrichtung und Textfluss durch Attribut: align="Ausrichtung"

13 Bilder Bildbearbeitungsprogram: Irfanview einfache Grafiken mit Powerpoint erstellen z. B.: Screenshot (Alt + Druck) machen und im Bildbearbeitungsprogramm freistellen

14 Links einfacher Link: Text oder Bild Absoluter Link: verlinkt eine andere Seite: Link-Pfad = vollständige URL angeben Relativer Link: identische Datei-Pfad-Teile werden weggelassen Link soll in neuem Fenster öffnen mit Attribut: target="_blank" -Verlinkung: Text oder Bild

15 Viel Spaß beim Basteln!


Herunterladen ppt "Silla Plump, 2009. Was ist HTML? HyperText Markup Language ursprünglich zur Auszeichnung wissenschaftlicher Texte Brot- und Buttersprache selfhtml.org."

Ähnliche Präsentationen


Google-Anzeigen