Quiz

1. This reading was rather understandable, I'll be looking forward to putting the content about tags and nesting into use because it's super easy to misplace part of the code when nesting lines.

   Absolutely! We'll do some practice today.

2. Is it a requirement to use semantic tags when creating, for example, a navigation bar?

   I would like you to use the NAV element when creating a navigation bar. In general, try to think about the semantics. The "which tag to use" flowchart can be helpful.

3. More explanation on tags to use..
   how to use HTML5 semantic tags and how are they presenting in a website?

   Let's take a look at the tag flowchart together.

   The appearance of these tags is all the same. Like asking what a box looks like. But we can modify the appearance via CSS.

4. How do HTML, CSS, and JavaScript work together on one webpage? How do they reference each other and interact?

   HTML provides the flesh and bones (structure and content). CSS provides the clothing (how things look).

   CSS rules are usually associated with particular HTML elements, so rules for the NAV and rules for ARTICLE.

   JS provides the behavior: what it does and how it acts.

   The main file will load CSS and JS files to add style and behavior.

5. i don't understand div - what does it actually do??
   More clarification on DIV and SPAN (how to use and how ar they presenting)
   Can you please explain DIV and SPAN and how they are similar to/different from each other?

   DIV helps to structure the page. On Yelp, you might have a DIV for each restaurant in the search results (though ARTICLE might be better), and within that, a DIV for each review (though SECTION might be better).

   SPAN is usually for small bits of text, so we might surround the $$$ on a Yelp review with a span, so that we can style it, as I did there.

6. Nothing about the reading but I have a question about question #2. I feel like the answers should be both "it's not clear" and "its not accessible" because the reading gave reasonings about how screen-reading software reads over the "here" as written so it's not accessible but also that the word here doesn't clearly show what the link is for? But does that also mean the "click here" is not clear? I don't know what to think, but I just put what I thought was the best answer.

   You make some good points, but I think people wouldn't use "here" links so often if they weren't clear. The authors think they are clear or they wouldn't use them. (Even some of my colleagues in this department ....).

   The trouble is that they usually seem clear, unless you're using a screen reader and the links are being read out of context.

7. What kind of information are we filling for SRC and ALT?

   the SRC is the filename that the image is being loaded from, like "fred.jpg" whatever.

   the ALT is what to display if the image isn't being displayed, so "Fred Weasley"

8. Are there other attributes?

   Lots, depending on the tag. In situations like this, I use the Mozilla Developer's Network reference material. For example: MDN IMG tag.

9. i'm not new to HTML but i'd never heard of a thematic break or figure tags. there was an example about the figure tag, could you show what a thematic break looks like?

   I'd be glad to. Here's a paragraph

   ---

   Here's another paragraph, after the break (the horizontal rule).

10. Will we be getting more practice using the different HTML tags and could we go over how to input a hyperlink in more depth?

    We'll be doing lots of practice, startin right about now....