Exercise 1

Try typing different <tags> around the word Experiment below until you find 3 that work.

Note: The first one is already done for you

Hints:

Knowing that these tags will make the text bold... <b>Experiment</b>
Which tags might make the text underlined or italics?

One or more ATTRIBUTES can also be set inside the begin tag

<span style="color:red">Apple</span>

The tag name is ...span
The attribute name is ...style
The attribute value is ...color:red

Take a look at the HTML code below...

Exercise 2

See if you can get the word RAINBOW to display in a large font where each letter is a different color of the R A I N B O W.

Hints:

Start by wrapping the entire word in a span tag and setting the style attribute to a value of font-size:4em

<span style="font-size:4em">RAINBOW</span>

Then wrap each letter in another span tag and setting the style attribute to different color values...

<span style="color:red">R</span>
<span style="color:orange">A</span>
...

The anchor tag <a> uses the href attribute to link to other webpages

<a href="http://google.com">Google</a>

The tag name is ...a
The attribute name is ...href
The attribute value is ...http://google.com

The image tag <img> uses the src attribute to show a picture

<img src="mario.jpg" />

The tag name is ...img
The attribute name is ...src
The attribute value is ...mario.jpg

Exercise 3

Make a simple page about yourself with your name in large text at the top.
Use at least 1 image <img> and 1 hyperlink <a>

Hints:

Start by typing your name between <h1> and </h1> tags
- <h1>Your Name</h1>
Add an image using the <img> tag
- <img src="picture8.jpg" />
Add a hyperlink using the <a> tag
- <a href="http://jsfiddle.net">jsfiddle</a>