Yadda is loosely based on a design I saw a while back by Eris, who specialises in blog designs. I was hoping OSWD would start allowing images to be linked in designs but until then this design looks rather plain. But don't fear, using the background-image tag in the style sheet areas like the header can be easily jazzed up.

This was also a bit of an experiment with css shadows, as you can probably tell. I first saw the technique in ALA but obviously couldn't use images for the shadows, so excuse the large chunk of code in the style sheet!

These are tags that style, and emphasize your text. Use these instead of ugly font tags. Font tags are evil and bad, so use these instead. They will appear as follows:

<h1>h1 header text</h1>

<h2>h2 header text</h2>

<h3>h3 header text</h3>

<h4>h4 header text</h4>

<h5>h5 header text</h5>

<h6>h6 header text</h6>

<strong>the <strong> tag</strong>
<em>the <em> tag</em>
<a href="http://url.com>a link</a>

<p>This is the paragraph tag. You could also fill this section with all your information about the template Vero vero vel esse ad minim commodo nulla facilisis iriure, et praesent aliquip, dolor velit et praesent accumsan ut suscipit nostrud et vel enim duis.</p>

Use these tags to quote song lyrics, movies, or even a source for an online paper (I have no idea why you'd write a paper in html but uhh... you could, couldn't you?)

<blockquote>this is a blockquote. It indents large chunks of text. Use it to quote whole chunks of text from books, songs, or movies.</blockquote>

the <pre> tag k e e   Ps text f Orm  at ted.

the <code> tag. Use it to quote code. (what else?)
the <cite> tag. Use it to cite brief sources (just a few sentences).

Unordered Lists

• <li>list item</li>
• <li>list item</li>
• <li>list item</li>

Ordered Lists

1. <li>list item</li>
2. <li>list item</li>
3. <li>list item</li>

Definition List

<dt>Web Site</dt>

<dd>A set of interconnected webpages, usually including a homepage, generally located on the same server, and prepared and maintained as a collection of information by a person, group, or organization.</dd>

Web forms! There's not very many types, but this is how they'd look: