Create activity.md

docs/activity.md

@@ -0,0 +1,78 @@
+# Activity 
+
+## Review
+With a partner or in a group of 3, compare your notes, and fill in your notes with anything that you learn from your group. Focus on the following questions
+
+>**remember, in CSC 106 quizzes are in class, proctored, no resources *except* your own notes**
+
+1. Are there any vocabulary terms that we learned today?
+2. What are the key ideas and concepts?
+3. What could the material we learned today be used for?
+4. What questions do you have after today's lesson? this might be clarifying or things you want to know more about. 
+
+
+## Check-in 
+
+Work in your group to make sure you can all answer the following questions and agree on the answers. 
+
+<details>
+        <summary>1. What is HTML? Where does it come from? What is it for?</summary>
+        <p>HTML stands for HyperText Markup Language. It is the standard markup language for creating web pages and web applications. 
+          The HTML standard, or the rules for how it works is maintained by the World Wide Web Consortium.
+          </p>
+        <p> HTML describes the structure of a web page semantically.
+          Its primary purpose is to allow the structuring of documents (such as headings, paragraphs, lists, links, images, and other elements) 
+          and to ensure that the content is properly interpreted by web browsers and other web-based software.</p>
+</details>
+
+<details>
+    <summary>2. What different tags did we learn today?</summary>
+    <p>Today we learned various tags such as:</p>
+    <ul>
+        <li>`h1` to `h6` for headings</li>
+        <li>`p` for paragraphs</li>
+        <li>`a` for links</li>
+        <li>`img` for images</li>
+        <li>`ul` and `li` for unordered lists</li>
+        <li>`ol` and `li` for ordered lists</li>
+    </ul>
+</details>
+
+<details>
+    <summary>3. What is the structure of a tag? What parts does each tag have?</summary>
+    <p>A tag in HTML consists of:</p>
+    <ul>
+        <li>Opening tag: Indicates the beginning of an element and is enclosed in angle brackets, e.g., `tagname`</li>
+        <li>Content: The content of the element, such as text or other elements</li>
+        <li>Closing tag: Indicates the end of an element, also enclosed in angle brackets but prefixed with a slash, e.g., `/tagname`</li>
+        <li>Attributes: Provide additional information about the element and are always included in the opening tag. Attributes are written within the tag's opening bracket, e.g., `tagname attribute="value"`</li>
+    </ul>
+</details>
+
+
+## Challenge
+
+For these exercises, do not use any resources outside of this site, codepen, and your browser inspect tool (found by right clicking).  
+That means the URL of your browser should always start with `https://csctd.github.io/2024/` or `codepen.io` during this exercise. 
+
+<details>
+      <summary>1. What does the `blockquote` tag do?</summary>
+      <p>The `blockquote` tag is used to indicate a block of quoted text from another source within a document. It typically indents the quoted text and may display it in italics depending on the browser's default styling.</p>
+</details>
+
+<details>
+    <summary>2. What does the `code` tag do?</summary>
+    <p>The `code` tag is used to define a piece of computer code. It is typically displayed in a monospace font and may preserve whitespace and line breaks. This tag is used to represent code snippets within the text.</p>
+</details>
+
+<details>
+    <summary>3. What tag puts text in the browser tab? Where does that tag live?</summary>
+    <p>The tag that puts text in the browser tab is the `title` tag. It is placed within the `head` section of an HTML document, specifically between the opening `head` and closing `head` tags.</p>
+</details>
+
+<details>
+    <summary>4. What is the syntax of a comment (notes for other programmers who read code that does not show in the browser) in HTML?</summary>
+    <p>In HTML, comments are used to add notes or annotations for developers and do not display in the browser. The syntax for a comment in HTML is:</p>
+    <pre>`!-- This is a comment --`</pre>
+    <p>The comment starts with `!-- and ends with --`. Anything between these markers is considered a comment and is ignored by the browser when rendering the webpage.</p>
+</details>