Week 6

Right click and 'save link as' link to Download this HTML file

On this webpage I am going to talk about a few cool tags available in HTML that we haven't talked about yet.

Before we get to the new topics... We can revisit an old topic in a new way. Up until now, hyperlinks have taken us to another page. But we can also use hyperlinks to take us to another part of the same webpage. Try this link which should take you to the bottom of this webpage.

Meter

Here are some examples of the meter html tag. A fun little graphical display.

2 out of 10
60%
99%
How Happy I am Today:
How close to finished my website is:

Try coming up with your own ideas that could be displayed using a meter.

Details / Summary

Epcot Center

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

Click the Triangle

Good job, you clikced the triangle...

Here's an idea...

Steve is behind one of the doors below... Which one?!

Door Number 1

You found a scary spider!

Door Number 2

You found a penny!

Door Number 3

You found a smelly sock!

Door Number 4

You found a rotten boot!

Door Number 5

You found a paperclip!

Door Number 6

You found a piece of string!

Door Number 7

You found Steve!

Door Number 8

You found a monster!

Door Number 9

You found a rotten apple!

Door Number 10

You found a crouton!

That's it for details/ summery, on to our last topic for today.

Datalist

Datalist gives us an easy way to build a dropdown menu in HTML





































This is the bottom of the webpage... Here's a link back up to the top.