HTML
Themen
Trennung von Inhalt und Design
Ein extrem großer Vorteil von CSS ist die Trennung des Designs vom eigentlichen Inhalt, der in HTML-Dateien steckt. Das Design wird dazu in eine eigene Datei ausgelagert und kann dann für alle Seiten eines Internetauftritts verwendet werden. Werden dann Änderungen am Design gemacht, sind durch diese gemeinsame CSS-Datei sofort alle Einzelseiten auf dem neuesten Stand.
Themen
Bilder in Webseiten
Attribut Erläuterung src engl. source für Quelle – Referenz der Bilddatei alt engl. alternative für Alternativtext – Textliche Beschreibung des Bildes. Wird angezeigt, wenn das Bild nicht geladen werden kann bzw. von Screen Readern vorgelesen. height Höhe des Bildes width Breite des Bildes title wird als Tooltip beim Mousehover angezeigt Ausführliche Doku auf selfhtml.org Relative
Themen
Inline- und Blockelemente
Bei den zweiteiligen HTML-Tags unterscheidet man zwischen Block- und Inline Elementen. Ein Block-Element füllt unabhängig von seiner Länge den gesamten Raum (Zeile) aus. Sie stehen als einzelner Block auf einer Zeile. Block-Elemente können Nachfahren des Body-Elements oder eines anderen Block-Elements sein.Typische Block-Elemente sind: h1 … h6, p Inline-Elemente erzeugen keinen eigenen Absatz im Textfluss. Sie
Themen
HTML-Elemente und Tags
Und damit sind wir schon mitten drin im HTML-Seiten erstellen. HTML besteht aus sogenannten Tags, die in der Regel eine Textpassage umklammern und dieser eine Bedeutung (Semantik) geben. Tags bestehen aus einem öffnenden und einem schließenden Tagteil.z.B. <h1>Dies ist eine Überschrift</h1>Der Tag besteht aus einem Kleiner- und Größerzeichen (man spricht bei HTML von spitzen Klammern)
Themen
Was braucht man um HTML-Dokumente zu schreiben?
Eigentlich braucht man keinen besonderen Editor, um HTML-Dokumente zu schreiben. Aber Editoren und IDEs (Integrierte Entwicklungsumgebungen) erleichtern einem das Leben mit Featuren wie Syntax Highlighting, Code-Snippets und Ähnlichem. Editoren und IDEs Online-Editoren
Hacker-Space, Themen
Grundlagen Webentwicklung
Was du eigentlich lernen musst, ist HTML, CSS und evtl. JavaScript (je nachdem wir tief du in das Thema einsteigen willst. Ich persönlich mag den Youtube-Kanal The Morpheus Tutorials, hier findest du sehr viele fachlich gute Tutorials zum vielen IT-Themen. Ich nutze und schätze folgende Online-Doku zum Webentwicklungsthemen: Hier im Unterricht benutzen wir notepad++. Ich