HTML (die Hypertext Markup Language) und CSS (Cascading Style Sheets) sind zwei der Kerntechnologien zum Erstellen von Webseiten. HTML bietet die Struktur der Seite, CSS das (visuelle und akustische) Layout für eine Vielzahl von Geräten. Neben Grafiken und Skripten bilden HTML und CSS die Grundlage für die Erstellung von Webseiten und Webanwendungen. Erfahren Sie weiter unten mehr über:

Was ist HTML?

HTML ist die Sprache zur Beschreibung der Struktur von Webseiten. HTML gibt Autoren die Möglichkeit:

• Veröffentlichen Sie Online-Dokumente mit Überschriften, Texten, Tabellen, Listen, Fotos usw.
• Abrufen von Online-Informationen über Hypertext-Links auf Knopfdruck.
• Entwerfen Sie Formulare für die Durchführung von Transaktionen mit Remote-Diensten, für die Suche nach Informationen, Reservierungen, Bestellungen von Produkten usw.
• Fügen Sie Tabellenkalkulationen, Videoclips, Soundclips und andere Anwendungen direkt in ihre Dokumente ein.

Mit HTML beschreiben Autoren die Struktur von Seiten mithilfe von Markup. Die Elemente der Sprache kennzeichnen Inhaltsteile wie „Absatz“, „Liste“, „Tabelle“ usw.

Was ist XHTML?

XHTML ist eine Variante von HTML, die die Syntax von XML, der Extensible Markup Language, verwendet. XHTML hat alle die gleichen Elemente (für Absätze, etc.) wie die HTML-Variante, aber die Syntax ist etwas anders. Da XHTML eine XML-Anwendung ist, können Sie damit andere XML-Tools verwenden (z. B. XSLT, eine Sprache zum Transformieren von XML-Inhalten).

Was ist CSS?

CSS ist die Sprache zur Beschreibung der Darstellung von Webseiten, einschließlich Farben, Layout und Schriftarten. Es ermöglicht die Anpassung der Präsentation an verschiedene Gerätetypen, z. B. große Bildschirme, kleine Bildschirme oder Drucker. CSS ist unabhängig von HTML und kann mit jeder XML-basierten Auszeichnungssprache verwendet werden. Die Trennung von HTML und CSS erleichtert die Pflege von Websites, die gemeinsame Nutzung von Stylesheets über Seiten hinweg und die Anpassung von Seiten an unterschiedliche Umgebungen. Dies wird als Trennung von Struktur (oder: Inhalt) von der Präsentation bezeichnet.

Was ist WebFonts?

WebFonts ist eine Technologie, mit der Benutzer Schriftarten bei Bedarf über das Web verwenden können, ohne dass eine Installation im Betriebssystem erforderlich ist. W3C hat Erfahrung mit herunterladbaren Schriftarten über HTML, CSS2 und SVG. Bis vor kurzem waren herunterladbare Schriftarten im Web aufgrund des Fehlens eines interoperablen Schriftformats nicht üblich. Die WebFonts-Bemühungen planen, dies durch die Schaffung eines branchengestützten, offenen Schriftformats für das Web („WOFF“ genannt) anzugehen.

Beispiele

Das folgende sehr einfache Beispiel eines Teils eines HTML-Dokuments veranschaulicht, wie ein Link innerhalb eines Absatzes erstellt wird. Wenn jemand den Link aktiviert, ruft der Browser die Ressource ab, die durch „http://www.example.com/report“ identifiziert wurde:

<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>

Das class Attribut auf dem Start-Tag des Absatzes („<p>“) kann unter anderem verwendet werden, um Stil hinzuzufügen. Um beispielsweise den Text aller Absätze mit einer Klasse von „moreinfo“ kursiv zu schreiben, könnte man in CSS schreiben:

p.moreinfo { font-style: italic }

Indem Sie diese Regel in eine separate Datei einfügen, kann der Stil von einer beliebigen Anzahl von HTML-Dokumenten gemeinsam genutzt werden.