1.2. HTML-Code für die Verwendung mit CSS schreiben

Wenn Webdesign für Sie etwas Neues ist, brauchen Sie vermutlich einige Orientierungshilfen bei Ihren Ausflügen in die Welt von HTML. (Halten Sie sich dabei prinzipiell von veralteten HTML-Techniken fern!) Wenn Sie sich dagegen schon länger mit der Gestaltung von Webseiten befassen, haben Sie unterwegs vermutlich ein paar schlechte Gewohnheiten beim Schreiben von HTML angenommen, die Sie besser möglichst schnell vergessen. Der Rest dieses Kapitels macht Sie mit ein paar Regeln zum Schreiben von HTML bekannt, die Ihnen dabei helfen werden, möglichst viel aus CSS herauszuholen. Ihre Mutter wird stolz auf Sie sein!

1.2.1. HTML = Struktur

HTML gibt den Textteilen Ihrer Seite eine Bedeutung, indem es sie logisch aufteilt und je nach Funktion in der Seite mit entsprechenden Markierungen versieht. So enthält der Text innerhalb der <h1>-Tags die Hauptüberschrift für Ihre Seite. Mit anderen Überschriften können Sie den Inhalt in andere, weniger wichtige, aber verwandte Abschnitte unterteilen. Wie das Buch, das Sie gerade lesen, sollte auch eine Webseite eine logische Struktur aufweisen. Jedes Kapitel dieses Buchs besitzt einen Titel (sprich: <h1>) und mehrere Abschnitte (<h2>), die ihrerseits in kleinere Unterabschnitte aufgeteilt sind. Stellen Sie sich vor, wie schwer dieses Buch zu lesen wäre, wenn es keine Absätze, Abschnitte oder Überschriften gäbe, sondern nur einen riesigen Textblock.