Hallo Cicco0,
schreibe semantisch vernünftigen code - was du produziert hast, nennt sich gemeinhin div-suppe
Nur stell ich mir dann da die Frage, wie man es semantisch machen soll bzw. ohne gleich eine Div-Suppe zu erhalten bzw. mir fehlt da der Gedankenschritt und wie ich auf solche Stolpersteine achten muss bzw. wie ich sie umgehen kann.
Erste Frage: Welche Art von Inhalten möchtest Du wo plazieren und ggf. gruppieren?
Bsp:
Header mit Überschrift/Bild
Navigationsleiste
Newsblock
Inhaltsbereich
...
usw.
Fang nicht "außen", sondern innen an, also beim einzelnen Inhaltselement. ein <p>? Ein <h1>? Eine Liste? Welches Teile Deines Designs kannst Du diesen Elementen bereits mitgeben? (Farbe, Abstände, Rahmen, Hintergrundbilder etc.)
Formatiere die Inhaltsblöcke mit CSS. Wenn nötig, kommt *jetzt* erst das eine oder andere div ins Spiel, das Deinen Inhalt gruppiert. Diesem gibst Du eine sinnvolle, sprechende ID, u.a. damit Du sie im Gewusel nachher wiederfindest: z.B. "<div id="newsbereich">"
Probier mal diese Vorgehensweise, und melde Dich hier, wenn Du auf Probleme stößt.
Gruß aus Köln-Ehrenfeld,
Elya