2 HTML - Hypertext Markup Language
de Hypertext-Auszeichnungssprache
fr Langage de balisage d'hypertexte

• 2.1 Einleitung
• 2.2 Web-Grundlagen
• 2.3 HTML-Dokument
• 2.4 Schriftzeichen (Characters)
• 2.5 Text-Elemente
• 2.6 Block & Inline
• 2.7 Formatieren von Text
• 2.8 Position
• 2.9 Ausrichten und Abstände
• 2.10 Listen & Tabellen
• 2.11 Kasten & Rahmen
• 2.12 Hintergrund
• 2.13 Verweise (Links)
• 2.14 Grafik-Technik
• 2.15 Farben (color)

Dies ist die Hauptseite der Einführung in die Hypertext Markup Language (HTML)

Für Einsteiger: Beginnen Sie mit HTML-Dokument

Die Formatierung mit CSS-Stylesheets erfolgt dann erst in einer zweiten Phase.

Ignorieren Sie in der ersten Phase ebefalls alles, was mit PHP (Hypertext Preprocessor) zu tun hat.

de	en	fr
HTML	HTML	HTML
Einleitung	Introduction	Introduction
Grundlagen-Websites und Workshops	Basic Websites and Workshops	Sites web de bases et workshops
Video-Tutorials	Video-Tutorials	Video-Tutorials
HTML-Dokument	HTML-Document	Document HTML

de	en	fr
HTML-Elemente	HTML-Elements	Éléments HTML
Schriften, Text-Elemente, Block & Inline, Hintergrund	Characters, Text Elements, Block & Inline, Background	Caractères, Élements du texte, Blocs & En ligne, Fond
Listen, Tabellen, Grafiken, Kasten & Rahmen, Farben	Lists, Tables, Graphics, Boxes & Borders, Colors	Listes, Tableaux, Graphiques, Boxes & Cadres, Couleurs
Formatierung	Formatting	Format
Zeichen, Wort, Zeilen	Characters, Word, Line	Caractères, Mots, Lignes
Auszeichnung, Dekoration, Transformation	Emphasis , Decoration, Transformation	Graisse, Décoration, Transformation
Darstellung	Presentation	Présentation
Position, Ausrichten, Verweise	Position, Align, Links	Position, Align, Liens

Suche in SELFHTML-Wiki

CSS: Prinzip

PHP-Einleitung: Was ist PHP?

Inhaltsverzeichnis

• 2.1 Einleitung
• 2.2 Web-Grundlagen
• 2.2.1 Websites
• 2.2.2 Video-Tutorials
• 2.2.3 Glossars
• 2.2.4 Fragen (FAQ)
• 2.2.5 Foren
• 2.2.6 Suchen im Web
• 2.3 HTML-Dokument
• 2.3.1 Dokument-Arten
• 2.3.2 HTML-Dokument erstellen
• 2.3.3 Grundgerüst eines HTML-Dokumentes
• 2.3.4 Struktur der Dokumente
• 2.3.5 Struktur der Sprache
• 2.3.6 Pseudoelemente und Pseudoklassen
• 2.3.7 Kommentare im HTML-Quelltext
• 2.3.8 HTML versus CSS
• 2.4 Schriftzeichen (Characters)
• 2.4.1 Grundlagen
• 2.4.2 Schriftsatz (character set)
• 2.4.3 Schrift (font)
• 2.4.4 Schriftart (font-family)
• 2.4.5 Schriftgrösse (font-size)
• 2.4.6 Strichstärke (font-weight)
• 2.4.7 Schriftvariante (font-variant)
• 2.4.8 Schriftstil (font-style)
• 2.4.9 Schriftlaufweite (font-strech)
• 2.5 Text-Elemente
• 2.5.1 Grundlagen
• 2.5.2 Überschrift (heading)
• 2.5.3 Absatz (paragraph)
• 2.5.4 Zeile (line)
• 2.5.5 Trennlinie (horizontal ruler)
• 2.5.6 Unsichtbare Elemente (invisible elements)
• 2.5.7 Pseudoelemente und Pseudoklassen
• 2.6 Block & Inline
• 2.6.1 Grundlagen
• 2.6.2 Block-Element <div>
• 2.6.3 Block-Element <pre>
• 2.6.4 Inline-Element <span>
• 2.6.5 Inline-Element <code>
• 2.7 Formatieren von Text
• 2.7.1 Grundlagen
• 2.7.2 Zeichen
• 2.7.3 Worte
• 2.7.4 Zeilen
• 2.7.5 Auszeichnung
• 2.7.6 Dekoration
• 2.7.7 Transformation
• 2.7.8 Schatten
• 2.7.9 Sprache
• 2.7.10 Anführungszeichen
• 2.8 Position
• 2.8.1 Grundlagen
• 2.8.2 Positionsart (position)
• 2.8.3 Breite (width) und Höhe (height)
• 2.8.4 Übergrosser Inhalt (overflow)
• 2.8.5 Platzhalter
• 2.8.6 Erster Buchstabe und erste Zeile anders
• 2.8.7 Zwei Elemente in einer Zeile <display:inline>
• 2.8.8 Textumfluss <float>
• 2.9 Ausrichten und Abstände
• 2.9.1 Grundlagen
• 2.9.2 Absatzkontrolle
• 2.9.3 Horizontale Textausrichtung <text-align>
• 2.9.4 Vertikale Textausrichtung <vertical-align>
• 2.9.5 Aussenabstand <margin>
• 2.9.6 Innenabstand <padding>
• 2.10 Listen & Tabellen
• 2.10.1 Liste (list)
• 2.10.2 Tabelle (table)
• 2.11 Kasten & Rahmen
• 2.11.1 Allgemein
• 2.11.2 Kasten (box) / Das Box-Modell
• 2.11.3 Rahmen (border)
• 2.11.4 Kontur <outline>
• 2.11.5 Beispiele
• 2.12 Hintergrund
• 2.12.1 Grundlagen und Workshops
• 2.12.2 Angaben für den Hintergrund
• 2.12.3 Angaben im Stylesheet
• 2.13 Verweise (Links)
• 2.13.1 Referenzieren (Internetadresse)
• 2.13.2 Verweis (Hyperlink)
• 2.13.3 Projekt-interne Verweise
• 2.13.4 Projekt-externe Verweise
• 2.13.5 Verweise auf beliebige Dateien und Dowwnload-Verweise
• 2.13.6 Link zu E-Mail (mailto)
• 2.13.7 Zielfenster, Tabulator-Reihenfolge und Tastarurkürzel
• 2.13.8 Pseudoklassen a:link a:visited a:hover a:active
• 2.13.9 Grafik mit Verweis
• 2.13.10 Diverses
• 2.14 Grafik-Technik
• 2.14.1 Grundlagen und Workshops
• 2.14.2 Grafikformate
• 2.14.3 Grafiken einbinden
• 2.14.4 Grafiken skalieren und ausrichten
• 2.14.5 Grafik in Rahmen
• 2.14.6 Grafik und Text
• 2.14.7 Grafik mit Verweis
• 2.14.8 Diashow
• 2.14.9 Grafiksorten
• 2.14.10 Recht
• 2.15 Farben (color)
• 2.15.1 Grundlagen und Workshops
• 2.15.2 Etwas Farbenlehre
• 2.15.3 Farbwähler
• 2.15.4 Hexadezimalformat / Hex-Umrechnung
• 2.15.5 Standardisierte Farbnamen
• 2.15.6 Websichere Farben
• 2.15.7 Beispiele von Farben
• 2.15.8 Hintergrund- und Schriftfarbe

↑