• Sign Up
  • Login

Remember me

Forgot your password?
Code Pajamas
  • Courses
  • Paths
  • Sign Up
  • Log In
  • 0 Items

HTML & CSS: Building Responsive Websites

Introduction
Setup
Creating Web Pages
Web Fundamentals HTML Fundamentals Code Along Exercise 1 Quiz 1 Lab 1 - HTML Magazine Cover Lab 2 - Personal Site Project - Step 1 Resources
Styling Content
CSS Fundamentals CSS Color & Type Styles Code Along Exercise 2 Quiz 2 Lab 3 - Puppy Wheelbarrow Lab 4 - Personal Site Project - Step 2 Resources
Page Layout
CSS Box Model Code Along Exercise 3 CSS Layouts Using Floating Grids Code Along Exercise 4 Quiz 3 Lab 5 - CSS Octopus Grid Lab 6 - Personal Site Project - Step 3 Resources
Positioning & Box Style
CSS Positioning CSS Box Styles Code Along Exercise 5 Quiz 4 Lab 7 - CSS Boombox Construction Lab 8 - Personal Site Project - Step 4 Resources
Responsive Site Pages
Responsive Design Code Along Exercise 6 Quiz 5 Lab 9 - Responsive Octopus Site Lab 10 - Personal Site Project - Step 5 Resources
Site Publishing
Using FileZilla FTP Client Final Words

Quiz 1

  1. Describe the purposes of the <!doctype> element.
    1. Refers the browser to another page upon loading.
    2. Informs the browser of the documents HTML version.
    3. Signals a comment in the code.
    4. None of the above, this is not a valid HTML element.
  2. Describe the purposes of the <html> element.
    1. Tells the browser to ask the server for another HTML page.
    2. Comments out the HTML code in between.
    3. Defines the starting point and ending points of the HTML document.
    4. None of the above.
  3. Describe the purposes of the <head> element.
    1. Defines the section of the HTML document that contains the title, meta data, and other browser related script, css, and shortcut icon links.
    2. Tells the browser that the start of the document is coming.
    3. Used to define the heading bar that appears at the top of page layouts usually containing main page navigation.
    4. None of the above.
  4. Describe the purposes of the <body> element.
    1. Defines the invisible parts of the page for search engines.
    2. Tells the browser to remove spacing around the elements within.
    3. Tells the browser to add scrollbars to the content below.
    4. Defines the section of the HTML document that contains all of the visible page content such as images, text, links, and page layout.
  5. Describe the purposes of the <title> element.
    1. Defines the part of the page with the largest heading over 18px.
    2. Defines the part of the page where the main navigation will sit.
    3. Gives a title to the website that will be used to style all pages under that style.
    4. Defines the pages main title. This appears at the top of the browser tab. It is important to search engines.
  6. Describe the purposes of the <h1> element.
    1. Contains useful key terms for search engines.
    2. Defines a level 1 heading.
    3. Suggests that the content is hot.
    4. Both A and B.
  7. Describe the purposes of the <p> element.
    1. Contains readable text content.
    2. Defines a paragraph of text.
    3. Allows spatial relationships between the paragraph and other elements above and below.
    4. All of the above.
  8. Describe the purposes of the <ul> element.
    1. Defines an unordered list of items.
    2. Defines to underline the content.
    3. Asks the browser to highlight the code below.
    4. None of the above.
  9. Describe the purposes of the <ol> element.
    1. Tells the browser to over-line the text inside.
    2. Adds an outline around the element.
    3. Defines an ordered list of items.
    4. None of the above.
  10. Describe the purposes of the <li> element.
    1. Defines a listen element that plays a sound.
    2. Creates list items to exist inside either <ol> or <ul> parent elements.
    3. Tells the browser to italicize the text.
    4. None of the above.
  11. Describe the purpose of the <img> element.
    1. Defines an image to be loaded inside the document.
    2. Defines an imaginary line inside the document used for planning.
    3. When containing the alt attribute describes to search engines the content of the image.
    4. Both A and C.
  12. Describe the purpose of the <a> element.
    1. Sets the browser to alarm an alert sound.
    2. Defines an anchor link for the purpose of navigating between pages.
    3. Defines an automatic closing of the page.
    4. None of the above.
  13. It is the best practice to group website files (and subfolders) into a single folder.
    1. TRUE
    2. FALSE
  14. It is impossible to validate HTML to check if it is written correctly.
    1. TRUE
    2. FALSE
  15. The <th> element defines a heading cell within a table.
    1. TRUE
    2. FALSE
  16. Fill in the blank: The file name of the home page (first page you want to load) in HTML must be called _________.
    1. index.html
    2. homepage.htm
    3. anything.html
    4. None of the above.
  17. Which of the following code demonstrates an HTML comment?
    1. // This is a comment in HTML
    2. /* This is a comment in HTML */
    3. <!-- This is a comment in HTML -->
    4. # this is a comment in HTML
  18. Identify the line of code (by line number) that has an error from the following example:

    <h2>Grocery List</h2>
    <ul>
      <li>Apples</li>
      <li>Oranges</li>
      <li>Pears</li>
    </ol>
    
    1. Line 1
    2. Line 3
    3. Line 5
    4. Line 6
  19. Identify the line of code (by line number) that has an error from the following example:

    <h2 Directions</h2>
    <ol>
      <li>Go to north on Route 42.</li>
      <li>Make at left at Dawsons Hwy.</li>
      <li>Turn left at Smith Rd.</li>
    </ol>
    
    1. Line 1
    2. Line 2
    3. Line 4
    4. Line 6
Next Lesson

Learn Remotely

Access All Online Content

Course Info

360 minutes of video
5 quizzes
6 code along exercises
10 labs
Slides
Resources
Final project
Instructor: Jonathan Grover
38 students enrolled
Purchase to unlock
Please wait while we attempt to send your message!
Thank you for your question. We will contact you soon by email!

Ask Question

Use the form below to submit a question and we will get back to you via email shortly.





Twitter

Loading...Follow @codepjs
Loading...

Facebook

Share
Code Pajamas

Product

Courses
Paths

Company

About
Instructors
Careers

Support

FAQ
Contact

Legal

Terms
Privacy

Connect

Facebook
Twitter
Instagram
Threadless

Mailing List

Subscribe
© 2017 Code Pajamas. All Rights Reserved. Made with ♥︎ in Brooklyn, NY, USA, Earth, Orion Spur, Milky Way Galaxy, Laniakea Supercluster