The p Tag
The p tag is quite simple. It makes a paragraph! The paragraph can be as short or as long as you want it to be. All it really does is put a few line breaks above and below the block of text. With multiple paragraphs, you don't have to close it - the beginning of the next paragraph implies the end of the current one. If you don't close the tags, though, some properties I'll show you in future tutorials may carry over into other text, so closing the tag might be prudent. So <p>The whole paragraph</p>.
One modifier that the p tag accepts is align - pretty much a universal modifier that works on any tag that can logically be aligned on the page. Align takes 3 values - left, center, and right. An example of it is as follows: <p align="center">. Woo...really hard stuff!
The img Tag
The img tag is also pretty simple. It has the src modifier, which is the same as the background modifier of the body tag. It gives the URL of the image. Another modifier for img is border. This makes a border around the image. This modifier defaults at 0 for no border. It also has the alt modifier. It can be set to anything you want, and it determines what text pops up in the little window when you hover over a picture.
The img tag also has the align modifier, allows the values left, right, top, middle, bottom. Left and right align the image to the left and right, and allow surrounding text to wrap around it (Just put the img tag inside of a p tag to have it wrap). To center an image, put a centered p tag around it. Any text in that same p tag will just be centered below the image. The top, middle, and bottom modifiers control how the text wraps around the image. They align the image to the left, and one line is wrapped with the image - the rest of the text is below it. Top, middle, and bottom determine where on the image the text wraps. Top makes the top of the text to line up with the top of the image, middle aligns it to the middle, and bottom aligns the bottom of the text to the bottom of the image.
Here's an example of the img tag: <img src="background.gif" align="left" border=8 alt="This is a picture">. Easy easy easy. This is a rare tag in that it doesn't ever need a closing tag. Just the opening one will do.
The font Tag
The font tag simply allows a small phrase or even a single word to have a different color or size. Size accepts values from 1 to 7, and the default text size is 3. You can also put in relative values, like -1 or +3 to add or subtract from the default value. Color is just the same as all of the other color stuff that you've seen. An example of it is <font color="orange" size=5>.
Remember to close all of those tags (</p>, </font>)! Now lets look at a slew of other tags.