Quiz

  1. I find it a bit difficult to memorize HTML syntax. How important is it to memorize specific syntax versus being able to look it up as we create our projects?

    It's not important to memorize syntax. VS Code will prompt you (frankly, I think it's annoying in its aggressive prompting) and syntax errors are not particularly interesting.

    Feel free to look up what you need.

  2. Will webpages we make be graded on creativity/aesthetics?

    No. I'm interested in functionality, not aesthetics, and my style preferences might not match yours anyhow.

    Nevertheless, students in this course typically care about the appearance of their projects, and so they spend time on the CSS for their projects.

  3. more on div vs span

    Many tags have a meaning: P for paragraph, H1 for major header, UL for unordered list, LI for list item, etc.

    Those tags are called semantic tags — just a synonym adjective for meaning

    But sometimes we need to mark things that don't have an appropriate semantic tag. For those, we use span or div. They don't have a built-in meaning, but there is a small difference between them:

    • span is used for text within a paragraph, similar to em or strong.
    • div is used for big, blocky things, similar to section or p.

  4. What does metadata do?

    meta-data is data about or describing other data.

    meta-data for a file might be its name, type, length,

    meta-data for a web page includes:

    • charset
    • author
    • description
    • keywords
    • title
  5. It mentions how we can edit the appearance of a hyperlink in different states (i.e. active, visited, unvisited, etc.). is there any other similar cases where we can edit an element via their state? Like an img?

    Two answers:

    • If there's a state that the browser keeps track of (analogous to visited/unvisited for hyperlinks), there will a state that you can use, or you can even create custom states. See :state
    • If there isn't, but you keep track of it in JS (e.g., this img has been clicked a prime number of times: 2,3,5,7,11), you can add/remove CSS classes based on your JS computation.