div vs class, h1,h2, ... ,h5,p,ul?

When should I use <div> and when should I use <p class="header01">

Sorry, somehow these get cut off when I have css in the e-mail.

continued:

What is the significance with h1,h2,h3,h4,h5,p,ul?

I am pretty confused about the best way to style my text. When should I
do what? Does it even matter?

Thanks for any help!
B

In my humble opinion, a paragraph is just that, a logical grouping of
ideas/text, just as if you were reading it in a book. A <div> is a
structural element to me that I would use to build chunks of a web page and
arrnage them as necessary in a fashion that makes sense for my application.

Best regards,
Chris

What is the significance with h1,h2,h3,h4,h5,p,ul?

h# tags are headers. Use them for headers.

p tags are paragraphs. Use them for paragraphs.

ul tags are unordered lists. Use them for unordered lists.

-Darrel

<h1>, etc. are headings/subheadings used to categorize content, very similar
to if you were using a heading style in a word processor. You can style
them any way you like, but they're basically there to allow you to group
content in a manner that makes sense to the reader. <p> is a normal
paragraph and you'd likely use one of more of those between/after the
heading tags. Usually a paragraph tag is styled once and that applies to
all paragraphs on the page. Same holds true for heading tags.

<ul> tags are a fun one to style since each browser (in my experience) tends
to style them differently, especially when it comes to indentation and such.
Usually, the <li> tag is the one that gets the fonts, colors, sizes, etc.
assigned to them.

Best regards,
Chris

..oO(Brian)

What is the significance with h1,h2,h3,h4,h5,p,ul?

Semantics.

'hx' are heading elements. The number denotes the logical nesting level:

<h1>main document heading</h1>
<h2>sub heading</h2>
<h3>sub sub</h3>
<h2>...</h2>

'p' is a paragraph and 'ul' an unordered list. Easy.

I am pretty confused about the best way to style my text. When should I
do what? Does it even matter?

Sure does it matter. Don't think of how to style your text first, but
think (carefully!) about _what_ the text really is and how it can be
structured. Then decide which HTML elements fit best and _then_ think
about the styling. First HTML, then CSS.

Micha

..oO(Brian)

When should I use <div

1) To logically group other elements together.
2) To create a meaningless block-level container, if there's no other
more appropriate element available in HTML.

and when should I use <p class="header01"

Looks like you want to use a heading element instead.

Micha

..oO(Chris In Madison)

ul> tags are a fun one to style since each browser (in my experience) tends
to style them differently, especially when it comes to indentation and such.

Can all be controlled with CSS. Browsers just use different defaults.

Micha

Agreed. A fun one to get working consistently, however, at least in my
experience :-)

~Chris

Thanks so much!!!

Brian