Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
faecher:informatik:oberstufe:html:eine_website_erstellen_-_die_html-dokumentstruktur [14.09.2020 16:55] – [Beispieldokument] the | faecher:informatik:oberstufe:html:eine_website_erstellen_-_die_html-dokumentstruktur [Unbekanntes Datum] (aktuell) – gelöscht - Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | |||
- | ====== HTML - Lektion 1 ====== | ||
- | |||
- | ===== Einführung ===== | ||
- | |||
- | |||
- | <box 90% round #f4ffc3 #e7f5aa #e7f5aa #e7f5aa |**Aufgabe**> | ||
- | {{ : | ||
- | Lies dir die Einführung in die aktuellen Webtechniken unter der Adresse [[http:// | ||
- | |||
- | - Wer war der " | ||
- | - Wofür steht die Abkürzung " | ||
- | - Welches sind die zwei Ebenen des Webdesigns? | ||
- | - Erkläre die Begriffe // | ||
- | |||
- | \\ | ||
- | </ | ||
- | ===== Textauszeichnung mit HTML ===== | ||
- | |||
- | * Mit HTML wird die **inhaltliche Struktur** festgelegt – **nicht das Aussehen/ | ||
- | * Die Auszeichnung des Inhalts erfolgt in HTML durch Anfangs- und Endmarkierungen (Tags): \\ ''< | ||
- | * Start-Tag, Inhalt und Ende-Tag bilden ein HTML-Element | ||
- | * Elemente können verschachtelt werden, dürfen sich dabei aber nicht überschneiden. | ||
- | |||
- | ===== Beispieldokument ===== | ||
- | |||
- | <code html geruest.html> | ||
- | < | ||
- | <html xmlns=" | ||
- | < | ||
- | < | ||
- | <meta http-equiv=" | ||
- | </ | ||
- | < | ||
- | Hallo Welt! | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | |||
- | |||
- | |||
- | <box 90% round #f4ffc3 #e7f5aa #e7f5aa #e7f5aa |**Übungen**> | ||
- | {{ : | ||
- | - Erstelle auf deinem Arbeitsrechner in einem **Texteditor** eine html-Datei mit Dokumenttyp-Deklaration, | ||
- | - Verändere den Inhalt deiner Datei (füge z.B. ein Wort hinzu) und betrachte deine Änderungen. Notiere detailliert die notwendigen Arbeitsschritte, | ||
- | |||
- | </ | ||
- | |||
- | |||
- | Die wichtigsten Strukturelemente für Texte sind: | ||
- | |||
- | * Überschriften (in verschiedener Ebene) | ||
- | * Absätze | ||
- | * Auflistungen (" | ||
- | * Aufzählungen (" | ||
- | |||
- | |||
- | <box 90% round #f4ffc3 #e7f5aa #e7f5aa #e7f5aa |**Übungen**> | ||
- | Finde für jedes Strukturelement heraus, wie die zugehörige HTML Auszeichnung aussieht. Schreibe ein gültiges HTML-Beispieldokument, | ||
- | </ | ||
- | |||