Was nutzt mir das Element Div?

br = break, also ein zeilenumbrauch
div = ein container, also ein behälter für tabellen, absätze, spans usw

mal die grobe unterteilung

ein br lässt also nur eine neue zeile anfangen - mehr nicht. ein div ist
ein behälter für andere elemente. hat also auch nen rahmen, ne ausrichtung,
ne hintergrundfarbe usw.

btw. wenn du nur eine zeile hast, wie oben, würd ich das tag span nehmen

vielleicht noch ein kleines beispiel:

du hast links deine navigation. einen ganzen bereich mit ner gewissen
hintergrundfarbe und evtl einem rahmen -> div-container

in dem navi-div hast ne liste mit den menüpunkten -> ul /li

unter der liste hast einen absatz, darin steht vielleicht ne kleine information
zu deiner seite oder das datum etc -> p

vielleicht willst auch in dem absatz etwas dick hervorheben, oder farbig,
dazu kannste dann z.b. einen span benutzen.in ner neuen zeile steht dann
noch ein text, dazu brauchst dann das break

<div>
<ul><li></li></ul>
<p><span>es ist:</span><br/>Mittwoch</p>
</div>

hab mal deinen code um codetags ergänzt, das macht des ganze lesbarer.
is zwar deine rotmarkierung bei flöten gegangen, aber ich denke jeder wird sehen um welche divs es geht

div steht soweit ich weiß für DIVision = bereich
es ist also ein abgeschlossener container, den man um einen block objekte legt um diese dann in gesamtheit positionieren zu können.
ein p-tag ist dann wieder ein paragraph, also für einen textabschnitt, der innherhalb von divs vorkommen kann.
den rest hat driver mir ja schon vorweggenommen^^

Hi,

ein div ist ein neutrales Blockelement was dazu dient, andere Elemente zusammenzufassen, um sie sinnvoll zu gruppieren.

Das beim p oben und unten ein Abstand eingefügt wird liegt an den browserinternen Vorformatierungen, die leider nicht bei allen Browsern gleich sind.
Deshalb macht es Sinn ganz oben in deiner CSS:

*  {
   padding:0;
   margin:0;
}

zu notieren. Alle Abstände für alle Elemente werden so auf null gesetzt und du hast eine einheitliche Grundlage von der aus du die Abstände neu definierst.

Zeilenumbrüche mit <br /> zu definieren ist relativ selten notwendig und gilt unter gestandenen Webdesignern als Bäh..
Dann sollte man lieber einen neuen Textabsatz machen.

Ich sag nur: besser gleich gute Bücher kaufen.

Moin,

Zitat von Elvis

Ich sag nur: besser gleich gute Bücher kaufen.

jep, genau.

Allerdings halte ich den Onlinekurs und das Buch des Autors für vollkommen ungeeignet Anfänger die Materie auf verständliche Weise näherzubringen.
Der Autor schreibt für Akademiker und nicht für normale Leute.

Wenn ich solche Sprachungetüme lese:

Zitat

Design bedeutet folglich nicht einfach nur visuelle, Form- und Materialgestaltung mit dem Ziel, ein ästhetisches Produkt zu entwerfen, sondern hat ein ergonomisches Produkt zum Ziel unter Beachtung der Funktionalität, Gebrauchstauglichkeit und (handwerklichen) Qualität.

sträuben sich mir die Nackenhaare.
Da ist man erstmal ne Weile damit beschäftigt den Satz überhaupt zu verstehen.

Der Autor weiss fachlich von was er redet, kann es sprachlich und didaktisch leider nicht gut rüberbringen.

Einen guten Onlinekurs gibt es z.B. hier.
Die Sprache der Autorin ist klar, knapp, sehr präzise und vor allem verständlich.

Als Buch ist die Little Boxes Reihe gut geeignet.

Einfach mal von z.B. Little Boxes 1 das dritte Kapitel downloaden und lesen.
Dann mal das Gleiche des ersten Autors zum Vergleich lesen.

Da liegen imho doch Welten dazwischen.

also ich hab das buch hier noch rumfliegen
http://www.amazon.de/HTML-Flexible-…84&sr=8-1-fkmr0

find das es ganz gut geschrieben is....
und hilft auf jeden fall auch die materie zu verstehen!
hatte es mir leider zugelegt, als ich mit xhtml anfangen wollte, hatte da aber schon zuviel grundwissen, so dass ich net mehr ganz so viel lernen konnte...

wenn du dir die 1,20 sparen magst schreib mir ne pn mit deiner adresse, buchsendungen sind ja kostenfrei...