Study Guide: Web Design - Review

<<Previous

Next>>

Now that you know about attributes, let's review some of the tags you have learned so far and look at the attributes these tags can have.

Tag name	Tag	Attribute	Values

Horizontal rule	HR	align="..."	left, center, right, justify
		width="..."	x% or some number of pixels
		size="..."	some number of pixels
		noshade
Paragraph	P	align="..."	left, center, right, justify

Heading	H1...H6	align="..."	left, center, right, justify

Body	BODY	background="..."	url for background image
		bgcolor="..."	background color
		text="..."	text color
		link="..."	link color
		vlink="..."	visited link color
		alink=""	active link color

You already know how the align attribute works for a horizontal rule. You can also use the align attribute for any headings and for paragraphs.

There are many attributes available the body tag. If you'd like a background image for your page, you can use the background attribute. Since we haven't addressed images yet, we'll come back to this later. If you'd like your background to be a solid color, you can specify it in the bgcolor attribute. Colors can be specified by name or by hexidecimal value. Some examples:

lightgreen

coral

cyan

hotpink

#ffebcd

#fdf5e6

How can you find the colors that are available? Here's a color table. Also, you could use a color picker in Photoshop or some other imaging or web design software such as Netscape Composer.

You can specify the color of your text with the text attribute. The attribute link refers to the color of links, vlink specifies the color of visited links, and alink the color of active links (links are active when you are clicking on them). We have not created any links yet, so this will make more sense later.

Exercise:

Put an align="justify" attribute in one of your paragraph tags. Put and align="right" attribute in another of your paragraphs.

Put a bgcolor="linen" attribute and a text="blueviolet" attribute in your body tag.

Save your changes and look at your page in the browser. How do the paragraphs look? How do you like the colors? Look up some other colors on a color table and experiment with the colors.