A closer look: <div>...</div>

Divs are general-purpose, block-level containers. The are just like <p> tags except they do not have any default margins. Divs are very useful for separating content for easy integration of CSS (more on that later).

<div>Here's some text in a div.</div><div>And here's some more text in another div. </div>

Looks like:

• 0: Introduction
• 1: Pages are made of HTML
• 2: What software do you need to make HTML pages?
• 3: HTML tags
• 4: Standalone tags
• 5: Tags have attributes
• 6: Other common HTML tags
• 7: A closer look: <h1>...</h1> (headings)
• 8: A closer look: <p>...</p> (paragraphs)

• 9: A closer look: <div>...</div>
• 10: Introducing HTML lists
• 11: Unordered lists: <ul>...</ul>
• 12: Ordered lists: <ol>...</ol>
• 13: Definition lists: <dl>...</dl>
• 14: Nesting lists
• 15: Enough already, let's make a page!
• 16: Saving HTML pages
• 17: Special case: index.html
• 18: What about links?
• 19: The anchor tag: <a>...</a>

• 20: CSS: Give your page some style
• 21: Applying rules to specific tags
• 22: Id: another selector
• 23: Apply styles on hover: the pseudo-class selector
• 24: Apply styles to elements within elements
• 25: Multiple rules per style
• 26: Linking a stylesheet to an HTML page
• 27: Enough words, show me action!