Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
e1:e1html [2017/07/02 18:19] – admin03 | e1:e1html [2017/07/03 10:58] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== | + | Dieser kleine Kurs soll den Einstieg in HTML erleichtern |
- | + | Die Seite [[https://wiki.selfhtml.org/|Selfhtml]] bietet tiefer gehende Lektüre und ein gutes Nachschlagewerk. | |
- | Die Hypertext Markup Language (englisch für Hypertext-Auszeichnungssprache), | + | |
- | Ein Beispiel | + | |
- | <code HTML> | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | <!-- weitere Kopfinformationen --> | + | |
- | <!-- Kommentare werden im Browser nicht angezeigt. --> | + | |
- | </head> | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | Es ist die Aufgabe des Browsers das Dokument gemäß seiner Struktur dem Anwender anzuzeigen. | + | |
- | Neben Inhalt und Struktur spielt natürlich das Layout (Schriftart- und -größe, Farbgestaltung, | + | |
- | Das Layout der HTML-Elemente wird heute mit der CSS-Sprache (Cascading Style Sheets) beschrieben. | + | |
- | + | ||
- | Ohne die Benutzung eines Stylesheets (ohne geht es nicht, hier wird die Standardeinstellung des Browsers verwendet) hat eine Minimale Homepage einer Schule die HTML-Struktur: | + | |
- | + | ||
- | <code HTML> | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | </head> | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | </ | + | |
- | + | ||
- | Darstellung dieses Dokuments in einem Browser ist dann: | + | |
- | + | ||
- | {{ : | + | |
- | + | ||
- | Ein einfacher Texteditor wie Notepad++ mit UTF8-Zeichenkodierung genügt, um diese Datei zu erzeugen. Speichern Sie hierzu den Text nicht als *.tst sondern als *.html ab. Es empfiehlt sich die Dateierweiterung .* für die Bearbeitungszeit nicht auszublenden. | + | |
+ | - [[e1: | ||
+ | - [[e1: | ||
+ | - [[e1:Listen und Tabellen|Listen und Tabellen]] | ||
+ | - [[e1:HTML Farbraum|Farben in HTML]] | ||
+ | - [[e1:HTML Syntax|HTML Syntax]] | ||
+ | - [[e1: | ||
+ | - [[e1:CSS Stylesheets|CSS Stylesheets]] | ||
+ | - [[e1:CSS Boxen|Das DIV-Boxed Modell]] | ||
+ | - [[e1: | ||
+ | - [[e1: | ||
+ | - [[e1: | ||
+ | - [[e1: |