Quiz Frontend Foundation Chapters 4 - 5

HTML-4-5-Quiz.md

1. What is the correct way to place an image called logo.png that links to http://bloc.io in an HTML page ?

   1. <a href='http://bloc.io'><img src='logo.png'></img></a> - correct
   2. <img src='logo.png'><a href='http://bloc.io'></a></img>
   3. <a link='http://www.bloc.io'>Take me to Bloc</a>
   4. <a href='http://bloc.io'><img url='logo.png'></img></a>

2. Which of these is NOT an HTML attribute?

   1. href
   2. src
   3. id
   4. link - correct

3. Which of these tags is NOT a valid tag for a form?

   1. <input>
   2. <select>
   3. <textbox> - correct
   4. <button>

4. Which of these types is NOT a valid input type for the form input tag:

   1. <input type='text'>
   2. <input type='button'>
   3. <input type='name'> - correct
   4. <input type='radio'>

5. The correct way to embed an image in HTML is:

   1. <img src='logo.png'></img> - correct
   2. <img link='logo.png'></img>
   3. <img source='logo.png'></img>
   4. <img location='logo.png'></img>

6. A correct example of a 'self-closing' html tag is:

   1. <img link='logo.png'></img>
   2. <img src='logo.png'/img>
   3. <img src='logo.png' /> - correct
   4. There are no such things as self closing HTML tags

7. The alt attribute on an image tag is used for:

   1. Offer an alternate image in case the first image couldn't be loaded
   2. There is no such thing as an alt attribute
   3. Describing an image in plain text in case the image couldn't load or was being viewed by a screen reader - correct
   4. Offer a grayscale or monotone version of the image

8. To create a form in HTML, the proper tag is:

   1. <form> - correct
   2. <form_for>
   3. <formset>
   4. <form />

9. To set a font using CSS, the correct property is?

   1. font
   2. font-family - correct
   3. font-text
   4. Helvetica Arial sans-serif

10. To make every letter in a word CAPITIALIZED, what css property/value pair would we use?

    1. text-transform: uppercase; - correct
    2. text: uppercase;
    3. font-transform: uppercase;
    4. text-transform: capitalize;