` in `<head>`, not `<div>`.","questionKey":"2024:block_3:q62","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_3:q62","questionType":"mcq","lectureSlug":"general-web-technology---section-3","examOrder":62,"blockId":"block_3","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_3:q63","topic":"General Web Technology - Section 3","questionText":"63. Which of the following is the correct way to add background color in HTML?","context":null,"questionSegments":[{"type":"text","content":"63. Which of the following is the correct way to add background color in HTML?"}],"options":[{"id":"a","type":"text","content":"<body color=\"green\">","codeLanguage":null},{"id":"b","type":"text","content":"<body bg-color=\"green\">","codeLanguage":null},{"id":"c","type":"text","content":"<body style=\"background-color: green\">","codeLanguage":null},{"id":"d","type":"text","content":"<body style=\"background-color: green;\">","codeLanguage":null}],"correctAnswerId":"d","explanation":"**How it works**\n\nModern inline CSS uses the `style` attribute with `property: value;` declarations. `background-color: green;` on `<body>` sets the page background. The deprecated `color` and `bg-color` attributes on `<body>` are not valid HTML5.\n\n**Why the others fail**\n\n- A: `color` on `<body>` is not the standard background approach.\n- B: `bg-color` is not a valid HTML attribute.\n- C: Missing the trailing semicolon after the last declaration, which course materials prefer even though CSS often tolerates omission.","questionKey":"2024:block_3:q63","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_3:q63","questionType":"mcq","lectureSlug":"general-web-technology---section-3","examOrder":63,"blockId":"block_3","relatedTopics":["fe-4","fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_5:q89","topic":"CSS Selectors and HTML Parsing - Snippet 2","questionText":"89. href is a/an ____ while \"_blank\" is a ____","context":{"text":"Based on the following HTML page, answer the following questions","code":"<!DOCTYPE html>\n<html>\n<head>\n<style>\na[target=_blank] {\nbackground-color: yellow;\n}\np:first-child { color: red; }\n</style>\n</head>\n<body>\n<h2>CSS Selector</h2>\n<p>Hello I am Here: P1</p>\n<p>Hello I am Here: Paragraph 2</p>\n<p>Hello I am Here: P3</p>\n<a href=\"https://www.w3schools.com\">w3schools.com</a>\n<a href=\"http://www.disney.com\" target=\"_blank\">disney.com</a>\n<a href=\"http://www.wikipedia.org\" target=\"_top\">wikipedia.org</a>\n</body>\n</html>","codeLanguage":"html"},"questionSegments":[{"type":"text","content":"89. href is a/an ____ while \"_blank\" is a ____"}],"options":[{"id":"a","type":"text","content":"value, attribute","codeLanguage":null},{"id":"b","type":"text","content":"link, value","codeLanguage":null},{"id":"c","type":"text","content":"attribute, value","codeLanguage":null},{"id":"d","type":"text","content":"link, text node","codeLanguage":null}],"correctAnswerId":"c","explanation":"**How it works**\n\nIn HTML, `href` and `target` are attribute names (properties on the tag). Values assigned to them, such as `\"_blank\"`, are attribute values. In `target=\"_blank\"`, `target` is the attribute and `_blank` is its value.\n\n**Why the others fail**\n\n- A: Reverses attribute and value roles.\n- B: `href` is not a value; it is the attribute name for the URL.\n- D: `_blank` is not a text node; it is a string value in markup.","questionKey":"2024:block_5:q89","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_5:q89","questionType":"mcq","lectureSlug":"css-selectors-and-html-parsing---snippet-2","examOrder":89,"blockId":"block_5","relatedTopics":["fe-2","fe-4"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_5:q90","topic":"CSS Selectors and HTML Parsing - Snippet 2","questionText":"90. The hyperlink <a href=\"https://w3schools.com\">...</a> is an example of a/an ____ URL, while <a href=\"Page2.html\">...</a> is an example of a/an ____ URL.","context":{"text":"Based on the following HTML page, answer the following questions","code":"<!DOCTYPE html>\n<html>\n<head>\n<style>\na[target=_blank] {\nbackground-color: yellow;\n}\np:first-child { color: red; }\n</style>\n</head>\n<body>\n<h2>CSS Selector</h2>\n<p>Hello I am Here: P1</p>\n<p>Hello I am Here: Paragraph 2</p>\n<p>Hello I am Here: P3</p>\n<a href=\"https://www.w3schools.com\">w3schools.com</a>\n<a href=\"http://www.disney.com\" target=\"_blank\">disney.com</a>\n<a href=\"http://www.wikipedia.org\" target=\"_top\">wikipedia.org</a>\n</body>\n</html>","codeLanguage":"html"},"questionSegments":[{"type":"text","content":"90. The hyperlink <a href=\"https://w3schools.com\">...</a> is an example of a/an ____ URL, while <a href=\"Page2.html\">...</a> is an example of a/an ____ URL."}],"options":[{"id":"a","type":"text","content":"Absolute, relative","codeLanguage":null},{"id":"b","type":"text","content":"Relative, absolute","codeLanguage":null},{"id":"c","type":"text","content":"Relative, Relative","codeLanguage":null},{"id":"d","type":"text","content":"None of the above","codeLanguage":null}],"correctAnswerId":"a","explanation":"**How it works**\n\nAn absolute URL includes the full address with protocol and domain, e.g. `https://w3schools.com`. A relative URL gives a path relative to the current document, e.g. `Page2.html` resolves against the current site's base URL. Browsers combine relative paths with the current location.\n\n**Why the others fail**\n\n- B: Reverses absolute and relative definitions.\n- C: `https://w3schools.com` is not relative.\n- D: Clear absolute/relative pairing exists in option A.","questionKey":"2024:block_5:q90","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_5:q90","questionType":"mcq","lectureSlug":"css-selectors-and-html-parsing---snippet-2","examOrder":90,"blockId":"block_5","relatedTopics":["fe-2","fe-1"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_1:q14","topic":"Web Technology Final Exam - True/False","questionText":"14. Tags and texts that are not directly displayed on the HTML page are written in title section.","context":null,"questionSegments":[{"type":"text","content":"14. Tags and texts that are not directly displayed on the HTML page are written in title section."}],"options":[{"id":"true","type":"text","content":"True","codeLanguage":null},{"id":"false","type":"text","content":"False","codeLanguage":null}],"correctAnswerId":"false","explanation":"**How it works**\n\nHTML documents split into `<head>` and `<body>`. The `<head>` holds metadata and resources not rendered as main page content: `<title>`, `<meta>`, `<link>` for CSS, and `<script>` references. The `<title>` element sets the browser tab label; it is one child inside `<head>`, not a separate \"title section\" where all invisible tags belong.\n\n**Why the others fail**\n\n- True: misnames `<head>` as \"title section\" and ignores that `<title>` is a single tag, while `<meta>`, `<link>`, and `<style>` also live in `<head>`.\n\n**Common mistake**\n\nEquating the `<title>` tag with the entire `<head>` region because both relate to document metadata.","questionKey":"2025:block_1:q14","origin":"2025","sourceFile":"data/exams/2025.json","sourceQuestionId":"block_1:q14","questionType":"true_false","lectureSlug":"web-technology-final-exam---truefalse","examOrder":14,"blockId":"block_1","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_1:q33","topic":"Web Technology Final Exam - True/False","questionText":"33. <br> tag is used to force the browser to display the next text or element on a new line.","context":null,"questionSegments":[{"type":"text","content":"33. <br> tag is used to force the browser to display the next text or element on a new line."}],"options":[{"id":"true","type":"text","content":"True","codeLanguage":null},{"id":"false","type":"text","content":"False","codeLanguage":null}],"correctAnswerId":"true","explanation":"**How it works**\n\nThe void element `<br>` (line break) tells the browser to start the next content on a new line within the same block flow. Unlike block elements such as `<p>`, it does not wrap content in a paragraph box; it only inserts a single break in inline flow. It is commonly used inside addresses or poems where a new line is needed without extra vertical spacing from a new paragraph.\n\n**Why the others fail**\n\n- False: denies the standard purpose of `<br>`; it exists precisely to force a line break before following text or inline elements.\n\n**Common mistake**\n\nUsing multiple `<br>` tags for layout spacing instead of CSS margin; the tag still correctly inserts one line break per use.","questionKey":"2025:block_1:q33","origin":"2025","sourceFile":"data/exams/2025.json","sourceQuestionId":"block_1:q33","questionType":"true_false","lectureSlug":"web-technology-final-exam---truefalse","examOrder":33,"blockId":"block_1","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"wq-html-login-form","topic":"Frontend — HTML Elements","questionText":"Write a complete HTML snippet for a simple login form to:\n1. Include an `<input>` for the username.\n2. Add an `<input>` for the password (which hides the typed characters).\n3. Add a submit `<button>` labeled 'Login'.","context":null,"questionSegments":[{"type":"text","content":"Write a complete HTML snippet for a simple login form to:\n1. Include an `<input>` for the username.\n2. Add an `<input>` for the password (which hides the typed characters).\n3. Add a submit `<button>` labeled 'Login'."}],"options":[],"correctAnswerId":"","explanation":"**How it works**\n\nThe `<form>` element groups inputs for submission. `<input type=\"password\">` masks typed characters in the browser. `<button type=\"submit\">` triggers native form submission when clicked (default button type inside a form is often `submit` anyway).\n\n**Step by step**\n\n1. Open with `<form>` (optional `action`/`method` omitted for a simple snippet).\n2. Add a text `<input>` for username and `<input type=\"password\">` for password.\n3. Close with `<button type=\"submit\">Login</button>` and `</form>`.\n\n**What to include**\n\nThe rubric requires `type=\"password\"` on the password field and a submit button labeled \"Login\". Labels or `<br>` separators are optional but improve readability.\n\n**Common mistake**\n\nUsing `type=\"text\"` for the password field, or a plain `<button>` without `type=\"submit\"` when the prompt asks for a submit button.","questionKey":"written:wq-html-login-form","origin":"written","sourceFile":"data/written-questions/questions.json","sourceQuestionId":"wq-html-login-form","questionType":"written","lectureSlug":"frontend-html-elements","examOrder":7,"blockId":"written","relatedTopics":["fe-2"],"expectedAnswer":"<form>\n <label>Username: <input type=\"text\" name=\"username\"></label><br>\n <label>Password: <input type=\"password\" name=\"password\"></label><br>\n <button type=\"submit\">Login</button>\n</form>","writtenRubric":{"version":1,"checks":[{"id":"has_password_input","type":"code_contains_string","text":"type=\"password\""},{"id":"has_submit_button","type":"control_labeled","role":"button","label":"Login"}]},"answerLanguage":null}],"browseContext":"by

b:["$","div",null,{"className":"mx-auto flex max-w-3xl flex-col gap-6","children":[["$","div",null,{"className":"flex flex-wrap items-start justify-between gap-4","children":[["$","div",null,{"children":[["$","h1",null,{"className":"text-2xl font-semibold tracking-tight","children":"F2 Architecture and HTML"}],["$","p",null,{"className":"text-muted-foreground","children":[14," questions"]}]]}],["$","$L15",null,{"href":"/practice/lecture/fe-2/","target":"$undefined","rel":"$undefined","onClick":"$undefined","className":"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","children":"Practice this lecture"}]]}],["$","$L16",null,{"questions":[{"id":"block_1:q4","topic":"General Web Technology & HTTP Concepts","questionText":"4. HTTP uses the services of ______ on well-known port 80:","context":null,"questionSegments":[{"type":"text","content":"4. HTTP uses the services of ______ on well-known port 80:"}],"options":[{"id":"a","type":"text","content":"TCP","codeLanguage":null},{"id":"b","type":"text","content":"UDP","codeLanguage":null},{"id":"c","type":"text","content":"SMTP","codeLanguage":null},{"id":"d","type":"text","content":"HTTPS","codeLanguage":null}],"correctAnswerId":"a","explanation":"**How it works**\n\nHTTP sits at the application layer and needs a reliable transport protocol beneath it. TCP (Transmission Control Protocol) provides ordered, error-checked byte streams over port 80, which is why browsers and servers use TCP for standard HTTP traffic. UDP is connectionless and used for DNS or streaming, not classic HTTP/1.1 page loads.\n\n**Why the others fail**\n\n- B: UDP does not guarantee delivery order or retransmission; HTTP expects reliability.\n- C: SMTP is for email, not web page transfer.\n- D: HTTPS is HTTP secured with TLS; it still runs over TCP, but the question asks what HTTP uses on port 80, which is TCP.","questionKey":"2021:block_1:q4","origin":"2021","sourceFile":"data/exams/2021.json","sourceQuestionId":"block_1:q4","questionType":"mcq","lectureSlug":"general-web-technology-http-concepts","examOrder":4,"blockId":"block_1","relatedTopics":["fe-1","fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_10:q47","topic":"JavaScript & Web Fundamentals","questionText":"47. The HTML element is used to","context":null,"questionSegments":[{"type":"text","content":"47. The HTML element is used to"}],"options":[{"id":"a","type":"text","content":"deletes the text","codeLanguage":null},{"id":"b","type":"text","content":"removes the text from the HTML document","codeLanguage":null},{"id":"c","type":"text","content":"put a strike over the text","codeLanguage":null},{"id":"d","type":"text","content":"None of the answers","codeLanguage":null}],"correctAnswerId":"c","explanation":"**How it works**\n\nThe `` element marks text as deleted in HTML semantics. Browsers render it with default stylesheet `text-decoration: line-through`, showing a strikethrough. It does not remove text from the DOM or delete nodes; the content remains visible with a line through it.\n\n**Why the others fail**\n\n- A: \"deletes the text\" confuses semantic meaning with DOM removal.\n- B: the tag does not remove content from the document tree.\n- D: strikethrough rendering is a valid answer (option C).","questionKey":"2021:block_10:q47","origin":"2021","sourceFile":"data/exams/2021.json","sourceQuestionId":"block_10:q47","questionType":"mcq","lectureSlug":"javascript-web-fundamentals","examOrder":47,"blockId":"block_10","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_2:q39","topic":"General Web Technology - Section 2","questionText":"39. Which HTML tag is used to define highlighted text?","context":null,"questionSegments":[{"type":"text","content":"39. Which HTML tag is used to define highlighted text?"}],"options":[{"id":"a","type":"text","content":"","codeLanguage":null},{"id":"b","type":"text","content":"","codeLanguage":null},{"id":"c","type":"text","content":"","codeLanguage":null},{"id":"d","type":"text","content":"None of the previous","codeLanguage":null}],"correctAnswerId":"b","explanation":"**How it works**\n\nHTML5 introduced `` to highlight text for reference or search results. Browsers typically render it with a yellow background. `` and `` are not standard HTML elements.\n\n**Why the others fail**\n\n- A: `` is not a defined HTML tag.\n- C: `` is not the highlight element.\n- D: A valid standard tag exists.","questionKey":"2024:block_2:q39","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_2:q39","questionType":"mcq","lectureSlug":"general-web-technology---section-2","examOrder":39,"blockId":"block_2","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_2:q40","topic":"General Web Technology - Section 2","questionText":"40. Which is the correct HTML statement to display H2O in a paragraph?","context":null,"questionSegments":[{"type":"text","content":"40. Which is the correct HTML statement to display H2O in a paragraph?"}],"options":[{"id":"a","type":"text","content":"
H²O
","codeLanguage":null},{"id":"b","type":"text","content":"
H₂O
","codeLanguage":null},{"id":"c","type":"text","content":"
H2O
","codeLanguage":null},{"id":"d","type":"text","content":"
H2O
","codeLanguage":null}],"correctAnswerId":"b","explanation":"**How it works**\n\nChemical formulas use `_{` for subscript (below the baseline) and `^{` for superscript (above). In H₂O, the `2` sits below the H, so `H₂O
` is correct. `^{` would place the 2 above the line, as in exponents.\n\n**Why the others fail**\n\n- A: `^{` raises the 2, suitable for x² not H₂O.\n- C: `` marks inserted text, not subscript.\n- D: `` is not a valid HTML tag.","questionKey":"2024:block_2:q40","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_2:q40","questionType":"mcq","lectureSlug":"general-web-technology---section-2","examOrder":40,"blockId":"block_2","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_2:q41","topic":"General Web Technology - Section 2","questionText":"41. Which is the correct HTML statement to display Hello Hi in a paragraph?","context":null,"questionSegments":[{"type":"text","content":"41. Which is the correct HTML statement to display Hello Hi in a paragraph?"}],"options":[{"id":"a","type":"text","content":"Hello Hi
","codeLanguage":null},{"id":"b","type":"text","content":"Hello Hi
","codeLanguage":null},{"id":"c","type":"text","content":"Hello Hi
","codeLanguage":null},{"id":"d","type":"text","content":"None of the above","codeLanguage":null}],"correctAnswerId":"a","explanation":"**How it works**\n\n`` renders deleted/struck-through text; `` renders inserted/underlined text. Together they show document revisions. `` is not valid HTML. `` highlights text but does not produce underline styling like ``.\n\n**Why the others fail**\n\n- B: `` is not a standard HTML element.\n- C: `` highlights; it does not match the semantic insert/underline pairing with ``.\n- D: Option A is valid.","questionKey":"2024:block_2:q41","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_2:q41","questionType":"mcq","lectureSlug":"general-web-technology---section-2","examOrder":41,"blockId":"block_2","relatedTopics":["fe-2","fe-3"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_2:q42","topic":"General Web Technology - Section 2","questionText":"42. Which attribute specifies the path to the image?","context":null,"questionSegments":[{"type":"text","content":"42. Which attribute specifies the path to the image?"}],"options":[{"id":"a","type":"text","content":"href","codeLanguage":null},{"id":"b","type":"text","content":"src","codeLanguage":null},{"id":"c","type":"text","content":"link","codeLanguage":null},{"id":"d","type":"text","content":"All of the above","codeLanguage":null}],"correctAnswerId":"b","explanation":"**How it works**\n\nThe `` element embeds images. The `src` (source) attribute holds the URL or file path to the image resource. `alt` provides alternative text; `width` and `height` set dimensions.\n\n**Why the others fail**\n\n- A: `href` is for hyperlinks (``, ``), not images.\n- C: `link` is not an `` attribute.\n- D: Only `src` applies to images among the listed choices.","questionKey":"2024:block_2:q42","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_2:q42","questionType":"mcq","lectureSlug":"general-web-technology---section-2","examOrder":42,"blockId":"block_2","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_2:q51","topic":"General Web Technology - Section 2","questionText":"51. Can you play audios in HTML?","context":null,"questionSegments":[{"type":"text","content":"51. Can you play audios in HTML?"}],"options":[{"id":"a","type":"text","content":"Yes","codeLanguage":null},{"id":"b","type":"text","content":"No","codeLanguage":null}],"correctAnswerId":"a","explanation":"**How it works**\n\nHTML5 provides the `www.google.com","codeLanguage":null},{"id":"b","type":"text","content":"","codeLanguage":null},{"id":"c","type":"text","content":" google","codeLanguage":null},{"id":"d","type":"text","content":" google ","codeLanguage":null}],"correctAnswerId":"c","explanation":"**How it works**\n\nHyperlinks use `visible text`. The `href` attribute holds the destination URL; text between the tags is what users click. Option C has valid `href` syntax and a proper closing `>` before the link text.\n\n**Why the others fail**\n\n- A: Missing `href`; plain text inside `` does not define a destination.\n- B: Malformed tag (missing `>` after the attribute value).\n- D: `link` is not the anchor attribute; `href` is required.","questionKey":"2024:block_3:q61","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_3:q61","questionType":"mcq","lectureSlug":"general-web-technology---section-3","examOrder":61,"blockId":"block_3","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_3:q62","topic":"General Web Technology - Section 3","questionText":"62. What is the purpose of using div tags in HTML?","context":null,"questionSegments":[{"type":"text","content":"62. What is the purpose of using div tags in HTML?"}],"options":[{"id":"a","type":"text","content":"For creating different sections","codeLanguage":null},{"id":"b","type":"text","content":"For creating different styles","codeLanguage":null},{"id":"c","type":"text","content":"For adding headings.","codeLanguage":null},{"id":"d","type":"text","content":"For adding titles","codeLanguage":null}],"correctAnswerId":"a","explanation":"**How it works**\n\n`` is a block-level generic container for grouping content into sections or layout regions. It carries no inherent semantic meaning (unlike ``, ``). Styling comes from CSS classes or IDs applied to the div, not from the tag itself.\n\n**Why the others fail**\n\n- B: Styles are applied via CSS, not created by the `` tag alone.\n- C: Headings use `` to `
`, not ``.\n- D: Page titles use `` in `<head>`, not `<div>`.","questionKey":"2024:block_3:q62","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_3:q62","questionType":"mcq","lectureSlug":"general-web-technology---section-3","examOrder":62,"blockId":"block_3","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_3:q63","topic":"General Web Technology - Section 3","questionText":"63. Which of the following is the correct way to add background color in HTML?","context":null,"questionSegments":[{"type":"text","content":"63. Which of the following is the correct way to add background color in HTML?"}],"options":[{"id":"a","type":"text","content":"<body color=\"green\">","codeLanguage":null},{"id":"b","type":"text","content":"<body bg-color=\"green\">","codeLanguage":null},{"id":"c","type":"text","content":"<body style=\"background-color: green\">","codeLanguage":null},{"id":"d","type":"text","content":"<body style=\"background-color: green;\">","codeLanguage":null}],"correctAnswerId":"d","explanation":"**How it works**\n\nModern inline CSS uses the `style` attribute with `property: value;` declarations. `background-color: green;` on `<body>` sets the page background. The deprecated `color` and `bg-color` attributes on `<body>` are not valid HTML5.\n\n**Why the others fail**\n\n- A: `color` on `<body>` is not the standard background approach.\n- B: `bg-color` is not a valid HTML attribute.\n- C: Missing the trailing semicolon after the last declaration, which course materials prefer even though CSS often tolerates omission.","questionKey":"2024:block_3:q63","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_3:q63","questionType":"mcq","lectureSlug":"general-web-technology---section-3","examOrder":63,"blockId":"block_3","relatedTopics":["fe-4","fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_5:q89","topic":"CSS Selectors and HTML Parsing - Snippet 2","questionText":"89. href is a/an ____ while \"_blank\" is a ____","context":{"text":"Based on the following HTML page, answer the following questions","code":"<!DOCTYPE html>\n<html>\n<head>\n<style>\na[target=_blank] {\nbackground-color: yellow;\n}\np:first-child { color: red; }\n</style>\n</head>\n<body>\n<h2>CSS Selector</h2>\n<p>Hello I am Here: P1</p>\n<p>Hello I am Here: Paragraph 2</p>\n<p>Hello I am Here: P3</p>\n<a href=\"https://www.w3schools.com\">w3schools.com</a>\n<a href=\"http://www.disney.com\" target=\"_blank\">disney.com</a>\n<a href=\"http://www.wikipedia.org\" target=\"_top\">wikipedia.org</a>\n</body>\n</html>","codeLanguage":"html"},"questionSegments":[{"type":"text","content":"89. href is a/an ____ while \"_blank\" is a ____"}],"options":[{"id":"a","type":"text","content":"value, attribute","codeLanguage":null},{"id":"b","type":"text","content":"link, value","codeLanguage":null},{"id":"c","type":"text","content":"attribute, value","codeLanguage":null},{"id":"d","type":"text","content":"link, text node","codeLanguage":null}],"correctAnswerId":"c","explanation":"**How it works**\n\nIn HTML, `href` and `target` are attribute names (properties on the tag). Values assigned to them, such as `\"_blank\"`, are attribute values. In `target=\"_blank\"`, `target` is the attribute and `_blank` is its value.\n\n**Why the others fail**\n\n- A: Reverses attribute and value roles.\n- B: `href` is not a value; it is the attribute name for the URL.\n- D: `_blank` is not a text node; it is a string value in markup.","questionKey":"2024:block_5:q89","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_5:q89","questionType":"mcq","lectureSlug":"css-selectors-and-html-parsing---snippet-2","examOrder":89,"blockId":"block_5","relatedTopics":["fe-2","fe-4"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_5:q90","topic":"CSS Selectors and HTML Parsing - Snippet 2","questionText":"90. The hyperlink <a href=\"https://w3schools.com\">...</a> is an example of a/an ____ URL, while <a href=\"Page2.html\">...</a> is an example of a/an ____ URL.","context":{"text":"Based on the following HTML page, answer the following questions","code":"<!DOCTYPE html>\n<html>\n<head>\n<style>\na[target=_blank] {\nbackground-color: yellow;\n}\np:first-child { color: red; }\n</style>\n</head>\n<body>\n<h2>CSS Selector</h2>\n<p>Hello I am Here: P1</p>\n<p>Hello I am Here: Paragraph 2</p>\n<p>Hello I am Here: P3</p>\n<a href=\"https://www.w3schools.com\">w3schools.com</a>\n<a href=\"http://www.disney.com\" target=\"_blank\">disney.com</a>\n<a href=\"http://www.wikipedia.org\" target=\"_top\">wikipedia.org</a>\n</body>\n</html>","codeLanguage":"html"},"questionSegments":[{"type":"text","content":"90. The hyperlink <a href=\"https://w3schools.com\">...</a> is an example of a/an ____ URL, while <a href=\"Page2.html\">...</a> is an example of a/an ____ URL."}],"options":[{"id":"a","type":"text","content":"Absolute, relative","codeLanguage":null},{"id":"b","type":"text","content":"Relative, absolute","codeLanguage":null},{"id":"c","type":"text","content":"Relative, Relative","codeLanguage":null},{"id":"d","type":"text","content":"None of the above","codeLanguage":null}],"correctAnswerId":"a","explanation":"**How it works**\n\nAn absolute URL includes the full address with protocol and domain, e.g. `https://w3schools.com`. A relative URL gives a path relative to the current document, e.g. `Page2.html` resolves against the current site's base URL. Browsers combine relative paths with the current location.\n\n**Why the others fail**\n\n- B: Reverses absolute and relative definitions.\n- C: `https://w3schools.com` is not relative.\n- D: Clear absolute/relative pairing exists in option A.","questionKey":"2024:block_5:q90","origin":"2024","sourceFile":"data/exams/2024.json","sourceQuestionId":"block_5:q90","questionType":"mcq","lectureSlug":"css-selectors-and-html-parsing---snippet-2","examOrder":90,"blockId":"block_5","relatedTopics":["fe-2","fe-1"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_1:q14","topic":"Web Technology Final Exam - True/False","questionText":"14. Tags and texts that are not directly displayed on the HTML page are written in title section.","context":null,"questionSegments":[{"type":"text","content":"14. Tags and texts that are not directly displayed on the HTML page are written in title section."}],"options":[{"id":"true","type":"text","content":"True","codeLanguage":null},{"id":"false","type":"text","content":"False","codeLanguage":null}],"correctAnswerId":"false","explanation":"**How it works**\n\nHTML documents split into `<head>` and `<body>`. The `<head>` holds metadata and resources not rendered as main page content: `<title>`, `<meta>`, `<link>` for CSS, and `<script>` references. The `<title>` element sets the browser tab label; it is one child inside `<head>`, not a separate \"title section\" where all invisible tags belong.\n\n**Why the others fail**\n\n- True: misnames `<head>` as \"title section\" and ignores that `<title>` is a single tag, while `<meta>`, `<link>`, and `<style>` also live in `<head>`.\n\n**Common mistake**\n\nEquating the `<title>` tag with the entire `<head>` region because both relate to document metadata.","questionKey":"2025:block_1:q14","origin":"2025","sourceFile":"data/exams/2025.json","sourceQuestionId":"block_1:q14","questionType":"true_false","lectureSlug":"web-technology-final-exam---truefalse","examOrder":14,"blockId":"block_1","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"block_1:q33","topic":"Web Technology Final Exam - True/False","questionText":"33. <br> tag is used to force the browser to display the next text or element on a new line.","context":null,"questionSegments":[{"type":"text","content":"33. <br> tag is used to force the browser to display the next text or element on a new line."}],"options":[{"id":"true","type":"text","content":"True","codeLanguage":null},{"id":"false","type":"text","content":"False","codeLanguage":null}],"correctAnswerId":"true","explanation":"**How it works**\n\nThe void element `<br>` (line break) tells the browser to start the next content on a new line within the same block flow. Unlike block elements such as `<p>`, it does not wrap content in a paragraph box; it only inserts a single break in inline flow. It is commonly used inside addresses or poems where a new line is needed without extra vertical spacing from a new paragraph.\n\n**Why the others fail**\n\n- False: denies the standard purpose of `<br>`; it exists precisely to force a line break before following text or inline elements.\n\n**Common mistake**\n\nUsing multiple `<br>` tags for layout spacing instead of CSS margin; the tag still correctly inserts one line break per use.","questionKey":"2025:block_1:q33","origin":"2025","sourceFile":"data/exams/2025.json","sourceQuestionId":"block_1:q33","questionType":"true_false","lectureSlug":"web-technology-final-exam---truefalse","examOrder":33,"blockId":"block_1","relatedTopics":["fe-2"],"expectedAnswer":null,"writtenRubric":null},{"id":"wq-html-login-form","topic":"Frontend — HTML Elements","questionText":"Write a complete HTML snippet for a simple login form to:\n1. Include an `<input>` for the username.\n2. Add an `<input>` for the password (which hides the typed characters).\n3. Add a submit `<button>` labeled 'Login'.","context":null,"questionSegments":[{"type":"text","content":"Write a complete HTML snippet for a simple login form to:\n1. Include an `<input>` for the username.\n2. Add an `<input>` for the password (which hides the typed characters).\n3. Add a submit `<button>` labeled 'Login'."}],"options":[],"correctAnswerId":"","explanation":"**How it works**\n\nThe `<form>` element groups inputs for submission. `<input type=\"password\">` masks typed characters in the browser. `<button type=\"submit\">` triggers native form submission when clicked (default button type inside a form is often `submit` anyway).\n\n**Step by step**\n\n1. Open with `<form>` (optional `action`/`method` omitted for a simple snippet).\n2. Add a text `<input>` for username and `<input type=\"password\">` for password.\n3. Close with `<button type=\"submit\">Login</button>` and `</form>`.\n\n**What to include**\n\nThe rubric requires `type=\"password\"` on the password field and a submit button labeled \"Login\". Labels or `<br>` separators are optional but improve readability.\n\n**Common mistake**\n\nUsing `type=\"text\"` for the password field, or a plain `<button>` without `type=\"submit\"` when the prompt asks for a submit button.","questionKey":"written:wq-html-login-form","origin":"written","sourceFile":"data/written-questions/questions.json","sourceQuestionId":"wq-html-login-form","questionType":"written","lectureSlug":"frontend-html-elements","examOrder":7,"blockId":"written","relatedTopics":["fe-2"],"expectedAnswer":"<form>\n <label>Username: <input type=\"text\" name=\"username\"></label><br>\n <label>Password: <input type=\"password\" name=\"password\"></label><br>\n <button type=\"submit\">Login</button>\n</form>","writtenRubric":{"version":1,"checks":[{"id":"has_password_input","type":"code_contains_string","text":"type=\"password\""},{"id":"has_submit_button","type":"control_labeled","role":"button","label":"Login"}]},"answerLanguage":null}],"browseContext":"by_lecture"}]]}]
</article></body></html>}}}}

F2 Architecture and HTML

Q42021MCQF1 Internet ProtocolsF2 Architecture and HTMLHTTP uses the services of ______ on well-known port 80:

Q472021MCQF2 Architecture and HTMLThe <del> HTML element is used to

Q392024MCQF2 Architecture and HTMLWhich HTML tag is used to define highlighted text?

Q402024MCQF2 Architecture and HTMLWhich is the correct HTML statement to display H2O in a paragraph?

Q412024MCQF2 Architecture and HTMLF3 HTML Document Object ModelWhich is the correct HTML statement to display Hello Hi in a paragraph?

Q422024MCQF2 Architecture and HTMLWhich attribute specifies the path to the image?

Q512024MCQF2 Architecture and HTMLCan you play audios in HTML?

Q612024MCQF2 Architecture and HTMLWhich of the following is the correct way of creating a hyperlink in HTML?

Q622024MCQF2 Architecture and HTMLWhat is the purpose of using div tags in HTML?

Q632024MCQF4 CSSF2 Architecture and HTMLWhich of the following is the correct way to add background color in HTML?

Q892024MCQF2 Architecture and HTMLF4 CSSBased on the following HTML page, answer the following questionshref is a/an ____ while "_blank" is a ____

Q902024MCQF2 Architecture and HTMLF1 Internet ProtocolsBased on the following HTML page, answer the following questionsThe hyperlink <a href="https://w3schools.com">...</a> is an example of a/an ____ URL, while <a href="Page2.html">...</a> is an example of a/an ____ URL.

Q142025T/FF2 Architecture and HTMLTags and texts that are not directly displayed on the HTML page are written in title section.

Q332025T/FF2 Architecture and HTML<br> tag is used to force the browser to display the next text or element on a new line.

Q7WrittenF2 Architecture and HTMLWrite a complete HTML snippet for a simple login form to: 1. Include an <input> for the username. 2. Add an <input> for the password (which hides the typed characters). 3. Add a submit <button> labeled 'Login'.