Quiz

1. Will we be coding straight into the VS Code console to create our webpages for this class like we did last class?

   Yes. Actually, last time, I don't think we used the editor; we just used the shell. Today, we'll use the code command or you can use the GUI, but I like using the code command.

2. Could you explain what you mean by saying that <meta> is used to specify what character set the page uses, and that we will always use UTF-8?

   Actually, meta is used for a number of things that are about the page without being on the page. For example, the author or description of the page.

   The charset is an important bit of meta information. It tells the computer how to interpret the bits and bytes of the file.

   This isn't really the time to get into the low-level details of how characters are represented, but here's a very quick example: the letter é [Latin Small Letter E with Acute](https://www.compart.com/en/unicode/U+00E9) might be represented in UTF-8 as 0xC3 0xA9 and in UTF-16 as 0x00 0xE9.

   So the browser needs to know.

3. Could you explain more about which programming language to use and when? And how they can be used together?

   Sure. We're actually only using one programming language in this class: JavaScript, which we'll get to soon enough. By "programming language", I mean a language that can solve problems, whether they are math problems, logic puzzles, or machine learning.

   We use HTML to represent the structure of a document: it's breakdown of parts, like a tree.

   We use CSS to control the style or appearance of the document: colors, sizes, fonts, layout, etc.

4. I'm going to group the following questions:
   • What it means exactly to be a Semantic Tag?
   • I don't think I understand exactly what span is supposed to do.
   • I'm still a little confused about the function and effect of the span tag.
   • I am still not completely sure about the when it is better to use span vs div.
   • I am still a little confused on why DIV is important?

   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.

5. What are some common errors people may run into when making an HTML file?

   Interesting question! There are the minor syntax errors: missing closing tags or misspelled tags, but those are easily resolved.

   As web pages evolve, they often become more and more complex, with deeper and deeper nesting of DIVs and other elements, so that the result becomes harder and harder to understand.

6. What is the significance of tags like fred and barney? What would a use for them be?

   Sorry! Those don't exist. They were just stand-ins for real tags, so we can talk about what it means for two things to nest. Using real tags:

   
       <section>
           <p>some text</p>
       </section>
       <ul>
           <li>apple</li>
       </ul>
   
   

7. No specific questions at this time.

   Great!