Test Yourself: HTML5

Making sure you've covered everything you need to know for the coming projects.

Scroll down...

Content

Resources

Comments

You've learned a lot so we've got a lot of questions for you to answer. Some of these things may not have been covered explicitly in the readings or assignments so it may be worth looking them up if you don't know!

Introduction to HTML5

  • What are "semantics"?
  • What is HTML5 (in a definitional sense)?
  • How has HTML5 evolved from HTML4?
  • How can you find out which HTML5 features are supported by which browsers?
  • What is a MIME type and why is this important to your browser?
  • Do you need to "close" all tags in HTML5 (e.g. <br />)?
  • How do you declare a new HTML5 document?

HTML Basics

  • How is an HTML5 document structured?
  • What are opening and closing tags? How are they different and similar?
  • What are elements/tags?
  • What are element attributes?
  • Where should your CSS live?
  • What is a "container <div>"?
  • When should you use <span> vs <div>?

Headings

  • Where are headings commonly used?
  • How many sizes of headings are there?
  • What is a h1 usually reserved for?

Links

  • What's the difference between internal links (/somepage) and external links (http://www.somesite.com/somepage)?
  • When on a webpage should you use the full URI (with the http://yoursite.com/somepath) and when should you use the relative path (/somepath)?
  • How do you navigate the document tree with links (../../someotherpage)?
  • How do you open links in external windows?
  • What are all the possible pseudo-states (e.g. :hover) of a link and when are they actually activated? How do you change styles based on them?

Divs

  • What is a div tag? What are they used for?
  • What is divitis and why is it an issue?
  • How can you avoid divitis?

HTML5 Semantic Tags

  • What are "sectioning elements" and why are they called that?
  • Are sectioning tags required?
  • What is an <article> tag?
  • What is a <section> tag?
  • How is an <article> different from a <section>?
  • Can you have multiple header hierarchies (e.g. <h1>) inside <article> or <section> tags?
  • When would you use a <nav> or <footer> tag?
  • What is an <aside>?
  • When would you use the <main> tag?

HTML5 Functional Tags and New Features

  • What new forms of on-page media do you get in HTML5?
  • What new <input> types do you now get in HTML5?
  • What other interesting functionality is baked into HTML5 that you might want to explore later?

HTML Lists

  • What is the basic list syntax?
  • How do you nest lists inside each other?
  • What's the difference between <ol> and <ul>?

HTML Forms

  • Why are forms probably the most important part of your site?
  • How do you construct a basic form?
  • How do you specify which path the form gets submitted to?
  • When would you want to submit using GET vs POST requests?
  • What are all the possible form element types?
  • When should you use check boxes instead of radio buttons?
  • When should you use a combobox/dropdown instead of a text field?
  • How do you make a very large text field?
  • How do you link elements with their labels?
  • How do you link element selections together (e.g. check boxes) so they are nicely formatted when your server receives them?
  • What should your "submit" button probably say instead of "submit"?

HTML Tables

  • When should you use tables?
  • What is the structure of a table?
  • What are the special tags that dictate certain parts of a table, e.g. headers or captions?
  • How can you combine cells in a table?
  • Why do you need to be careful about your padding and borders in tables?
  • How do you align text within cells in a table?

Deploying Your HTML5 Page

  • What is the difference between static and dynamic content?
  • Why is it easier to serve and deploy static content?
  • What is Github Pages?
  • How does Github Pages work?
  • How can you display a project homepage using Github pages?
  • What is Surge.sh?
  • How does Surge.sh work?
  • How can you display a project homepage using Surge.sh?


Sign up to track your progress for free

There are ( ) additional resources for this lesson. Check them out!

There are no additional resources for this lesson just yet!

Sorry, comments aren't active just yet!

Next Lesson: Building Your Resume with HTML5