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!
- 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?
- 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?
- 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?
- 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?
- What is the basic list syntax?
- How do you nest lists inside each other?
- What's the difference between
<ol>
and <ul>
?
- 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"?
- 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?
- 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?