Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- e1:e1html [2017/07/02 18:23] – admin03
+++ e1:e1html [2017/07/03 10:58] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 1: / Zeile 1: @@
-====== HTML-Dokumente ======
+Dieser kleine Kurs soll den Einstieg in HTML erleichtern und einen kleinen Überblick in die Erstellung von HTML Dokumenten liefern. Auf der Seite [[https://notepad-plus-plus.org/|notepad++]] finden Sie einen mächtigen Editor, der insbesondere zum Einstig in HTML geeignet ist.
+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), abgekürzt HTML, ist eine textbasierte Auszeichnungssprache zur Strukturierung digitaler Dokumente wie Texte mit Hyperlinks, Bildern und anderen Inhalten. HTML-Dokumente sind die Grundlage des World Wide Web und werden von Webbrowsern dargestellt. HTML erlaubt es, Strukturelemente von Dokumenten wie z. B. Überschriften 1., 2.,... Grades, Absätze, Verweise, Listen und Tabellen durch spezielle Tags in spitzen Klammern < > zu kennzeichnen. Fast alle HTML-Elemente werden durch ein einleitendes und ein abschließendes Tag markiert. Der Inhalt dazwischen ist der "Gültigkeitsbereich" des entsprechenden Elements.
-Ein Beispiel:
-<code html>
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Titel der Webseite</title>
-    <!-- weitere Kopfinformationen -->
-    <!-- Kommentare werden im Browser nicht angezeigt. -->
-  </head>
-  <body>
-    <p>Inhalt der Webseite</p>
-  </body>
-</html>
-</code>
-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, usw.) eines HTML-Dokuments eine wichtige Rolle. Da es bei großen Webseiten sehr praktisch ist, trennt man Inhalt, Struktur und Layout.
-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>
-<html>
- <head>
-  <title>Modellschule Obersberg</title>
- </head>
-  <body>
-   <h1>Modellschule Obersberg</h1>
-   <hr>
-    <ul>
-     <li><a href="schueler.html">Schüler</a></li>
-     <li><a href="lehrer.html">Lehrer</a></li>
-     <li><a href="projekte.html">Projekte</a></li>
-    </ul>
-   <hr>
-   <p>7. Juli 20017, <a href ="mailto:zerr@mso-hef.de">Stefan Zerr</a></p>
-  </body>
-</html>
-</code>
-Darstellung dieses Dokuments in einem Browser ist dann:
-{{ :e1:felsterinhalt.png?600 |}}
-Ein einfacher Texteditor wie Notepad++ mit UTF8-Zeichenkodierung genügt, um diese Datei zu erzeugen. Speichern Sie hierzu den Text nicht als *.txt, sondern als *.html ab. Es empfiehlt sich die Dateierweiterung .* für die Bearbeitungszeit nicht auszublenden.
- --- //[[stefan.zerr@gmx.de|Stefan Zerr]] 2017/07/02 20:20//
+  - [[e1:Einführung HTML|Einführung HTML]]
+  - [[e1:Einfache_Tags|Einfache Tags zur Strukturierung von Text]]
+  - [[e1:Listen und Tabellen|Listen und Tabellen]]
+  - [[e1:HTML Farbraum|Farben in HTML]]
+  - [[e1:HTML Syntax|HTML Syntax]]
+  - [[e1:Struktur von HTML-Dokumenten|Struktur von HTML-Dokumenten]]
+  - [[e1:CSS Stylesheets|CSS Stylesheets]]
+  - [[e1:CSS Boxen|Das DIV-Boxed Modell]]
+  - [[e1:Formulare|Formulare]]
+  - [[e1:UTF8|Was ist UTF8?]]
+  - [[e1:AusblickPHP|Ausblick: PHP]]
+  - [[e1:Ausblick JavaScript|Ausblick: JavaScript]]