HTML und CSS


Zu welchem Thema hättest du gerne weitere Informationen?

Was ist ein Quellcode?
Was ist Javascript?
Was ist HTML?
Was sind Meta Tags?

HTML und CSS sind trotz ihres Alters noch immer die vorherrschenden Sprachen, wenn es um die Struktur, den Aufbau und das Design einer Webseite geht. Die Vielfalt von HTML und CSS und die vergleichsweise schnellen Lernerfolge sind ideale Eigenschaften, wenn du diese beiden Sprachen lernen oder mehr über sie erfahren möchtest.

Struktur über HTML

Modernes HTML dient dazu, dass du die Struktur einer beliebigen Webseite genau an deine Ansprüche anpassen kannst. Durch sogenannte HTML-Tags definierst du beispielsweise

  • ... ob eine Überschrift vielleicht fett oder kursiv ausgegeben werden soll.
  • ... an welchen Stellen im Text du Absätze einfügen möchtest.
  • ... welche Bilder auf der Seite angezeigt werden sollen.
  • ... wie Menüs oder Kategorien dargestellt werden.
  • ... und wie der Aufbau deiner Seite insgesamt gestaltet werden soll.

Modernes HTML, wie HTML5, erlaubt dir auch das Einbetten von Video- oder Audiodateien, sodass du diese Elemente nicht über Flash oder andere Plug-ins realisieren musst.

Allerdings ist eine reine HTML-Seite optisch sehr trist, denn das Design solltest du nicht in HTML anfertigen - dafür steht nämlich CSS bereit.

Erwecke Seiten zum Leben durch CSS

CSS kannst du als "Helfer" von HTML verstehen, der dazu dient, die von dir eingebauten Text- und Grafikbausteine optisch ansprechend aufzubereiten. Beispielsweise definierst du über CSS, welche Schriftarten auf deiner Webseite verwendet werden, ob Text in einer anderen Farbe als Schwarz ausgegeben werden soll, ob du vielleicht eine Hintergrundfarbe benötigst oder auch wie breit oder hoch bestimmte Elemente sein sollen.

Theoretisch könntest du diese Eigenschaften auch über HTML festlegen. Der Aufwand ist dann jedoch sehr hoch und lohnt sich insbesondere aus der Sicht professioneller Webdesigner nicht. CSS ist ein Werkzeug, das dir dabei hilft, Struktur (HTML) und Design (CSS) strikt zu trennen und dadurch für mehr Übersicht zu sorgen. Das Erlernen von HTML und CSS geht daher häufig Hand in Hand, sodass der zusätzliche Arbeitsaufwand überschaubar ist.




Zurück zur Übersicht