Klassen werden in HTML über das class Attribut definiert. Das Klass Attribut wird innerhalb eines HTML Tags mit dem Begriff class=”Klassenname” festgelegt.
<div class="produkt"><h4>Produktname</h4>
<p>Beschreibung</p>
<p>Preis</p>
</div>
Klassen sollten in HTML so gewählt werden, dass gleiche Elemente, die später zusammengehören oder später gleich aussehen sollen, einen Klassennamen erhalten.
Es ist auch möglich, dass Elemente mehrere Klassennamern erhalten. Diese werden dann einfach mit einem Leerzeichen getrennt.
<div class="produkt zentriert"><h4>Produktname</h4>
<p>Beschreibung</p>
<p>Preis</p>
</div>
Klassen in CSS
Die Klassen können später in CSS genutzt werden, die Klassen und die Elemente der Klassen visuell zu gestalten.
Auf die Klassen wird dann zugegriffen, in dem vor den Namen der Klasse ein Punkt gesetzt wird. Mehr dazu im entsprechenden CSS Abschnitt.
.produkt