HTML & CSS- part 6

Question 1

What’s the selector used to change the style when the user puts their mouse over an element?

Answer 1

:hover {
It’s usually used with links, but it works on other elements, too.

Question 2

What’s the selector used to change the style when the user clicks an element?

Answer 2

:active {

Question 3

What’s the selector used to change the style when the user has clicked on a link previously?

Answer 3

:visited {

Question 4

What term controls underlining?

Answer 4

text-decoration:

Question 5

What are the main options for text-decoration?

Answer 5

text-decoration: none
OR
text-decoration: underline

Question 6

What is a “link anchor”?

Answer 6

It’s the text or image that you click to take you to the linked place. It’s the doorway or portal

Question 7

What else can be a link anchor besides text?

Answer 7

You can use an image tag for a link anchor instead of text. Then when the user clicks on the image, they go to the link

Question 8

What is an image map?

Answer 8

It’s an image where clicking different parts of it takes you to different links

Question 9

What are the two main parts of coding an image map?

Answer 9

*the attribute in the <img> tag: usemap=”#nameOfMap”

*the <map> tag and its subparts

Question 10

How do you code the subparts of the <map> tag?

Answer 10

<area shape=”circle”
coords=”337,300,44”
alt=”Coffee”
href=”coffee.htm”>

Question 11

What’s the attribute that goes in the <map> tag?

Answer 11

The name of the map:
<map name=”nameOfMap”>

Question 12

In a <map> tag, what are the choices for <area shape>?

Answer 12

“rect” for rectangle
“circle” for circle
“polygon” for polygon
“default” for entire region

Question 13

How do the coordinates work in a <map> tag for a circle? How many are there? What do they mean?

Answer 13

<area shape=”circle” coords=”100,60,25”

*circle has a center at 100 pixels in from the left edge of the image and 60 pixels down from the top of the image

*circle has a radius of 25 pixels

Question 14

How do the coordinates work in a <map> tag for a rectangle? How many are there? What do they mean?

Answer 14

<area shape=”rect” coords=”76,42,279,510”

*the first pair (76,42) are for the upper-left corner: 76 pixels in from the left edge of the image and 42 pixels down from the top of the image

*the second pair (279,510) are for the lower-right corner: 279 pixels from the left edge of the image and 510 pixels down from the top of the image

Question 15

In a <map> tag, coordinates usually measure the distance from what?

Answer 15

The edge of the image (the first coordinate in a pair measure in from the left and the second measures down from the top)

Question 16

What are the two kinds of lists (with their tags)

Answer 16

Ordered lists <ol>

Unordered lists <ul>

Question 17

What’s the tag for each line of a list?

Answer 17

<li> for list item

Question 18

Can lists be styled?

Answer 18

Yes, lists can be styled like any other element

Question 19

Does the default for lists add any space between list items?

Answer 19

No. He thinks they look better if they’re separated a bit.
li {margin-bottom: .75em;}

Question 20

What’s the default indenting for an unordered list?

Answer 20

The default is a bullet on the outside with all lines of text indented.

To make the default explicit, write:

ul {list-style-position: outside;}