{ "@context": "https://schema.org", "@type": "Quiz", "typicalAgeRange": "16-65", "educationalLevel": "intermediate", "assesses": "", "educationalAlignment": [ { "@type": "AlignmentObject", "alignmentType": "educationalSubject", "targetName": "Computer Science and Technology", "educationalFramework": "Further Education", "targetDescription": "Further Education Community College Education Computer Science and Technology, ", "targetUrl": "/auto.us/further-education/community-college/computer-science-and-technology" }, { "@type": "AlignmentObject", "alignmentType": "educationalLevel", "targetName": "Community College Education" } ], "name": "HTML and CSS Learning Quizzes: Test Your Web Development Skills", "description": "Enhance your web development knowledge with our interactive HTML and CSS learning unit. Master the fundamentals of web design and prepare for success in the tech industry.", "about": [ { "@type": "Thing", "name": "HTML and CSS", "description": "This unit introduces the fundamentals of HTML and CSS, the two essential languages for creating and styling websites. Students will learn how to structure web pages using HTML and apply CSS to control their appearance and layout." } ], "hasPart": [ { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "font-size", "text": "In CSS, which syntax is used to set the font size of text to 20 pixels?", "encodingFormat": "text/html", "assesses": "font-size", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "font-size: 20px;", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "font-size: 20px;", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "That's right! In CSS, 'font-size' is the property used to set the size of text." } }, { "@type": "Answer", "position": 1, "text": "size: 20px;", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "While 'size' may seem like a logical choice, in CSS, 'font-size' is the correct property for setting text size." } }, { "@type": "Answer", "position": 2, "text": "text-size: 20px;", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "'text-size' is not a valid CSS property. Use 'font-size' to set the size of text." } }, { "@type": "Answer", "position": 3, "text": "font: 20px;", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "'font' is a CSS property, but it's used to set the entire font, not just its size. Use 'font-size' for text size." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "

Tag", "text": "Which HTML element is used to create headings?", "encodingFormat": "text/html", "assesses": "

Tag", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "

", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "

", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "That's right! The

tag is used to create a heading in HTML." } }, { "@type": "Answer", "position": 1, "text": "", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <title> tag is used to define the title of the web page, not to create headings." } }, { "@type": "Answer", "position": 2, "text": "<p>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <p> tag is used to create paragraphs, not headings." } }, { "@type": "Answer", "position": 3, "text": "<br>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <br> tag is used to create a line break, not a heading." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "Image Optimization", "text": "When working with HTML and CSS, which practice is generally recommended?", "encodingFormat": "text/html", "assesses": "Image Optimization", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "Optimizing images for faster page loading", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "Using inline styles instead of external stylesheets", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Inline styles can make your code messy and difficult to maintain. External stylesheets are preferred for better organization and flexibility." } }, { "@type": "Answer", "position": 1, "text": "Nesting CSS rules deeply without using child selectors", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Deep nesting can make your CSS code difficult to read and understand. Child selectors provide a more specific and organized way to target elements." } }, { "@type": "Answer", "position": 2, "text": "Disregarding accessibility considerations", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Accessibility is crucial for ensuring your website is usable by everyone. Consider using alt tags for images and providing transcripts for videos." } }, { "@type": "Answer", "position": 3, "text": "Optimizing images for faster page loading", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Optimizing images reduces their file size, leading to faster page loading times." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "Media Query Purpose", "text": "In responsive web design, what's the main purpose of CSS media queries?", "encodingFormat": "text/html", "assesses": "Media Query Purpose", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "Adjust website layout based on screen size", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "Include external CSS files", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Media queries don't directly include external CSS files." } }, { "@type": "Answer", "position": 1, "text": "Adjust website layout based on screen size", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Media queries let you adapt your website's layout to different screen sizes." } }, { "@type": "Answer", "position": 2, "text": "Create custom HTML elements", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Media queries don't create custom HTML elements." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Link Element", "text": "Which HTML element is used to create a link to another web page?", "encodingFormat": "text/html", "assesses": "HTML Link Element", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<href>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "`<href>` is an attribute used within the `<a>` element to specify the link's destination URL. It's not an HTML element itself." } }, { "@type": "Answer", "position": 1, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<a>` element is used to create hyperlinks, allowing users to navigate to other web pages or resources." } }, { "@type": "Answer", "position": 2, "text": "<url>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no `<url>` element in HTML. URLs are specified using the `href` attribute within the `<a>` element." } }, { "@type": "Answer", "position": 3, "text": "<link>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<link>` element is used to link external resources like stylesheets or other files to the HTML document. It's not used for creating hyperlinks." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Heading Tag", "text": "Which HTML tag is used to create a level 1 heading?", "encodingFormat": "text/html", "assesses": "HTML Heading Tag", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<title>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<title>` tag defines the title of the HTML document, which appears in the browser tab or window title bar." } }, { "@type": "Answer", "position": 1, "text": "<header>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<header>` element is a container for introductory content, such as the page title, navigation links, or a logo." } }, { "@type": "Answer", "position": 2, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<h1>` tag is used to create the largest and most important heading on a web page." } }, { "@type": "Answer", "position": 3, "text": "<h2>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<h2>` tag is used to create a level 2 heading, which is smaller than a level 1 heading." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Class Selector", "text": "What CSS selector is used to select elements with a specific class name?", "encodingFormat": "text/html", "assesses": "CSS Class Selector", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": ".class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This is not a valid CSS selector. You need to use a dot (.) before the class name." } }, { "@type": "Answer", "position": 1, "text": "#class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This selector is used to select elements with a specific ID, not a class name. IDs should be unique within a document." } }, { "@type": "Answer", "position": 2, "text": ".#class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This is not a valid CSS selector. You should use either a dot (.) for class selectors or a hash (#) for ID selectors, not both." } }, { "@type": "Answer", "position": 3, "text": ".class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The dot (.) is used to select elements with a specific class name in CSS." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Vertical Alignment Property", "text": "Which CSS property is used to specify the vertical alignment of an element's text?", "encodingFormat": "text/html", "assesses": "CSS Vertical Alignment Property", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "vertical-align", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "align", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This is not a valid CSS property. `align` is not a standard CSS property for text alignment." } }, { "@type": "Answer", "position": 1, "text": "position", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `position` property is used to control the positioning of an element relative to its normal flow or to other elements. It doesn't directly affect text alignment." } }, { "@type": "Answer", "position": 2, "text": "vertical-align", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `vertical-align` property is used to control the vertical alignment of an element's text content within its line box." } }, { "@type": "Answer", "position": 3, "text": "text-align", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `text-align` property is used to control the horizontal alignment of text within an element, such as left, center, or right." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Tag for Unordered List", "text": "What HTML tag is used to create an unordered list?", "encodingFormat": "text/html", "assesses": "HTML Tag for Unordered List", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "<ul>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<list>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct tag for an unordered list is <ul>." } }, { "@type": "Answer", "position": 1, "text": "<items>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct tag for an unordered list is <ul>." } }, { "@type": "Answer", "position": 2, "text": "<ul>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <ul> tag is used to create an unordered list." } }, { "@type": "Answer", "position": 3, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct tag for an unordered list is <ul>." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Property for Line Spacing", "text": "Which CSS property is used to control the spacing between lines of text?", "encodingFormat": "text/html", "assesses": "CSS Property for Line Spacing", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "letter-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct property for line spacing is line-height." } }, { "@type": "Answer", "position": 1, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The line-height property controls the vertical space between lines of text." } }, { "@type": "Answer", "position": 2, "text": "text-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct property for line spacing is line-height." } }, { "@type": "Answer", "position": 3, "text": "height", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct property for line spacing is line-height." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element for Tabular Data", "text": "What HTML element is used to create a tabular data structure?", "encodingFormat": "text/html", "assesses": "HTML Element for Tabular Data", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "<table>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<grid>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct element for a tabular data structure is <table>." } }, { "@type": "Answer", "position": 1, "text": "<spread>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct element for a tabular data structure is <table>." } }, { "@type": "Answer", "position": 2, "text": "<table>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <table> element is used to create a table for displaying data." } }, { "@type": "Answer", "position": 3, "text": "<tabledata>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct element for a tabular data structure is <table>." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element for Primary Content", "text": "Which HTML element defines the primary content of a web page?", "encodingFormat": "text/html", "assesses": "HTML Element for Primary Content", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "<main>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<section>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct element for the primary content is <main>." } }, { "@type": "Answer", "position": 1, "text": "<article>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct element for the primary content is <main>." } }, { "@type": "Answer", "position": 2, "text": "<main>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <main> element represents the main content of the page." } }, { "@type": "Answer", "position": 3, "text": "<body>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct element for the primary content is <main>." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Property", "text": "Which CSS property sets the background color of an element?", "encodingFormat": "text/html", "assesses": "CSS Property", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "element-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is 'background-color'." } }, { "@type": "Answer", "position": 1, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'background-color' property sets the background color of an element." } }, { "@type": "Answer", "position": 2, "text": "background", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is 'background-color'." } }, { "@type": "Answer", "position": 3, "text": "fill-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is 'background-color'." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element", "text": "Which HTML element creates a link to another web page or resource?", "encodingFormat": "text/html", "assesses": "HTML Element", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<link>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is '<a>'." } }, { "@type": "Answer", "position": 1, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<a>' element creates a link to another web page or resource." } }, { "@type": "Answer", "position": 2, "text": "<navigate>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is '<a>'." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Selector", "text": "Which CSS selector targets all elements with the class name 'container'?", "encodingFormat": "text/html", "assesses": "CSS Selector", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": ".container", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": ".container", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '.container' selector targets all elements with the class name 'container'." } }, { "@type": "Answer", "position": 1, "text": ".element--container", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is '.container'." } }, { "@type": "Answer", "position": 2, "text": "[class=container]", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is '.container'." } }, { "@type": "Answer", "position": 3, "text": "#container", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is '.container'." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Attribute", "text": "Which HTML attribute specifies the alternative description of an image?", "encodingFormat": "text/html", "assesses": "HTML Attribute", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "alt", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "title", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is 'alt'." } }, { "@type": "Answer", "position": 1, "text": "description", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is 'alt'." } }, { "@type": "Answer", "position": 2, "text": "alt", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'alt' attribute specifies the alternative description of an image." } }, { "@type": "Answer", "position": 3, "text": "caption", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The correct answer is 'alt'." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Property", "text": "Which CSS property controls the vertical spacing between lines of text?", "encodingFormat": "text/html", "assesses": "CSS Property", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Line-height controls the space between lines of text." } }, { "@type": "Answer", "position": 1, "text": "letter-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Letter-spacing controls the space between individual letters." } }, { "@type": "Answer", "position": 2, "text": "line-gap", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no CSS property called line-gap." } }, { "@type": "Answer", "position": 3, "text": "text-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Text-spacing is not a valid CSS property." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element", "text": "Which HTML element represents a list of items in a specific order?", "encodingFormat": "text/html", "assesses": "HTML Element", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <ol> element creates an ordered list." } }, { "@type": "Answer", "position": 1, "text": "<list>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no <list> element in HTML." } }, { "@type": "Answer", "position": 2, "text": "<items>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <items> element is not a valid HTML element." } }, { "@type": "Answer", "position": 3, "text": "<ul>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <ul> element creates an unordered list." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Tag", "text": "Which HTML tag is used to create a block of interactive form elements?", "encodingFormat": "text/html", "assesses": "HTML Tag", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "<form>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<input>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <input> element is used to create a single form element." } }, { "@type": "Answer", "position": 1, "text": "<form>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <form> element creates a container for form elements." } }, { "@type": "Answer", "position": 2, "text": "<label>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <label> element is used to label form elements." } }, { "@type": "Answer", "position": 3, "text": "<button>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <button> element creates a button." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element", "text": "Which HTML element is used to create a main heading (level 1 heading)?", "encodingFormat": "text/html", "assesses": "HTML Element", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<title>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <title> element defines the title of the web page." } }, { "@type": "Answer", "position": 1, "text": "<h2>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <h2> element creates a level 2 heading." } }, { "@type": "Answer", "position": 2, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <h1> element creates a level 1 heading." } }, { "@type": "Answer", "position": 3, "text": "<head>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <head> element contains metadata about the web page." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "background-color property", "text": "What CSS property controls the color of the background of an element?", "encodingFormat": "text/html", "assesses": "background-color property", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "That's right! `background-color` is used to set the background color of an element." } }, { "@type": "Answer", "position": 1, "text": "fill", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "`fill` is used in SVG, not CSS for backgrounds." } }, { "@type": "Answer", "position": 2, "text": "color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "`color` sets the text color, not the background." } }, { "@type": "Answer", "position": 3, "text": "background", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "While close, `background` is a shorthand property. You need the specific one for color." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "href attribute for CSS", "text": "In HTML, which attribute is used to link an external CSS file to a document?", "encodingFormat": "text/html", "assesses": "href attribute for CSS", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "href", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "url", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "`url` is used within the CSS file itself for resources." } }, { "@type": "Answer", "position": 1, "text": "link", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "You're right about `link`, but it needs the correct attribute." } }, { "@type": "Answer", "position": 2, "text": "src", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "`src` is used for embedding resources like images, not CSS." } }, { "@type": "Answer", "position": 3, "text": "href", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Correct! The `href` attribute within the `<link>` tag specifies the CSS file path." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "Purpose of .classname", "text": "In CSS, what is the purpose of the selector '.classname'?", "encodingFormat": "text/html", "assesses": "Purpose of .classname", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "Selects all elements with the specified class name", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "Selects all elements of that type regardless of class", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "That describes a type selector (e.g., `p`, `div`), not a class selector." } }, { "@type": "Answer", "position": 1, "text": "Selects elements with the specified ID", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "That's what an ID selector (`#idname`) does." } }, { "@type": "Answer", "position": 2, "text": "Selects all elements with the specified class name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "You're right! The dot (.) signifies a class selector in CSS." } }, { "@type": "Answer", "position": 3, "text": "Selects the first element of that type", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "That would require a pseudo-selector like `:first-of-type`." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "font-size property", "text": "Which of the following CSS properties is used to specify the size of text?", "encodingFormat": "text/html", "assesses": "font-size property", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "font-size", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "text-size", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "It's a close guess, but there's a more specific property for text size." } }, { "@type": "Answer", "position": 1, "text": "size", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "`size` by itself is not a CSS property for text." } }, { "@type": "Answer", "position": 2, "text": "font-size", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Correct! `font-size` is the property used to control text size in CSS." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element Identification", "text": "In HTML, which element is used to create an ordered list?", "encodingFormat": "text/html", "assesses": "HTML Element Identification", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<dl>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <dl> element is used to create a definition list, not an ordered list." } }, { "@type": "Answer", "position": 1, "text": "<li>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <li> element is used to create a list item, not an ordered list." } }, { "@type": "Answer", "position": 2, "text": "<ul>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <ul> element is used to create an unordered list, not an ordered list." } }, { "@type": "Answer", "position": 3, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <ol> element is used to create an ordered list." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Property Identification", "text": "Which CSS property is used to define the width of an element?", "encodingFormat": "text/html", "assesses": "CSS Property Identification", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "width", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "size", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'size' property is not a valid CSS property for defining width." } }, { "@type": "Answer", "position": 1, "text": "length", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'length' property is not a valid CSS property for defining width." } }, { "@type": "Answer", "position": 2, "text": "height", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'height' property is used to define the height of an element, not the width." } }, { "@type": "Answer", "position": 3, "text": "width", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'width' property is used to define the width of an element." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element Comparison", "text": "What is the key difference between inline and block elements in HTML?", "encodingFormat": "text/html", "assesses": "HTML Element Comparison", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "Inline elements flow within text, while block elements start on a new line and take up the full width available.", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "Inline elements flow within text, while block elements start on a new line and take up the full width available.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Inline elements flow within text, while block elements start on a new line and take up the full width available." } }, { "@type": "Answer", "position": 1, "text": "Inline elements are used for headings, while block elements are used for paragraphs.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "While it is common to use headings as block elements and paragraphs as inline elements, this is not a defining characteristic." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Element Identification", "text": "In HTML, which element is used to create a hyperlink to another web page?", "encodingFormat": "text/html", "assesses": "HTML Element Identification", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<href>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<href>' attribute is used within the '<a>' element to specify the destination of the hyperlink." } }, { "@type": "Answer", "position": 1, "text": "<link>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<link>' element is used to link external resources, such as CSS or JavaScript files." } }, { "@type": "Answer", "position": 2, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<a>' element is used to create a hyperlink to another web page." } }, { "@type": "Answer", "position": 3, "text": "<url>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<url>' element is not a valid HTML element." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS", "text": "In CSS, what is the function of the 'float' property?", "encodingFormat": "text/html", "assesses": "CSS", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "To position an element to the left or right of its normal position, allowing text to wrap around it.", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "To position an element to the left or right of its normal position, allowing text to wrap around it.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'float' property allows you to position an element to the left or right of its normal position, allowing text to wrap around it." } }, { "@type": "Answer", "position": 1, "text": "To make an element move smoothly across the screen", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'float' property does not make an element move smoothly across the screen. That's the 'animation' property." } }, { "@type": "Answer", "position": 2, "text": "To make an element appear to be floating above the page", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'float' property does not make an element appear to be floating above the page. That's the 'position' property." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML", "text": "Which HTML element signifies a main heading on a web page?", "encodingFormat": "text/html", "assesses": "HTML", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<h1>' element is used to signify a main heading on a web page." } }, { "@type": "Answer", "position": 1, "text": "<p>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<p>' element is used to signify a paragraph." } }, { "@type": "Answer", "position": 2, "text": "<h2>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<h2>' element is used to signify a subheading." } }, { "@type": "Answer", "position": 3, "text": "<h3>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<h3>' element is used to signify a sub-subheading." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS", "text": "In CSS, which property allows you to modify the background color of an element?", "encodingFormat": "text/html", "assesses": "CSS", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'background-color' property allows you to modify the background color of an element." } }, { "@type": "Answer", "position": 1, "text": "paint-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'paint-color' property does not exist in CSS." } }, { "@type": "Answer", "position": 2, "text": "color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'color' property modifies the color of the text, not the background color." } }, { "@type": "Answer", "position": 3, "text": "fill-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'fill-color' property does not exist in CSS." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML", "text": "In HTML, which attribute is used to incorporate an external CSS file into a web page?", "encodingFormat": "text/html", "assesses": "HTML", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "href", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "href", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'href' attribute is used to incorporate an external CSS file into a web page." } }, { "@type": "Answer", "position": 1, "text": "link", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'link' element is used to incorporate an external CSS file, but the 'href' attribute is what specifies the file's location." } }, { "@type": "Answer", "position": 2, "text": "src", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'src' attribute is used to incorporate an external script file, not a CSS file." } }, { "@type": "Answer", "position": 3, "text": "file", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'file' attribute is not used to incorporate an external CSS file." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Class Selector", "text": "In CSS, which selector targets elements with a specific class name?", "encodingFormat": "text/html", "assesses": "CSS Class Selector", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": ".class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This is just the class name itself, not the CSS selector. The correct selector uses a dot (.) before the class name." } }, { "@type": "Answer", "position": 1, "text": "#class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This selector targets elements by their ID, which is unique. Class names can be shared by multiple elements." } }, { "@type": "Answer", "position": 2, "text": ".class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The dot (.) is used to target elements with a specific class name in CSS." } }, { "@type": "Answer", "position": 3, "text": "class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The asterisk () is a universal selector, matching all elements. To target by class, use a dot (.) before the class name." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Unordered List Element", "text": "Which HTML element is used to create an unordered list?", "encodingFormat": "text/html", "assesses": "HTML Unordered List Element", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "<ul>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<ul>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<ul>` tag is used to create an unordered list, which displays list items with bullet points." } }, { "@type": "Answer", "position": 1, "text": "<li>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<li>` tag defines individual list items within an unordered or ordered list." } }, { "@type": "Answer", "position": 2, "text": "<dl>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<dl>` tag is used for definition lists, where each term is followed by its definition." } }, { "@type": "Answer", "position": 3, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<ol>` tag is used for ordered lists, which display list items with numbers." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Line Height Property", "text": "In CSS, which property controls the amount of space between lines of text?", "encodingFormat": "text/html", "assesses": "CSS Line Height Property", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `line-height` property controls the vertical spacing between lines of text." } }, { "@type": "Answer", "position": 1, "text": "text-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no `text-spacing` property in CSS. To control spacing between lines, use `line-height`." } }, { "@type": "Answer", "position": 2, "text": "line-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no `line-spacing` property in CSS. To control spacing between lines, use `line-height`." } }, { "@type": "Answer", "position": 3, "text": "font-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no `font-spacing` property in CSS. To control spacing between lines, use `line-height`." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Hyperlink Tag", "text": "In HTML, which tag is used to create a link to another web page or resource?", "encodingFormat": "text/html", "assesses": "HTML Hyperlink Tag", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<href>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<href>` is an attribute used within the `<a>` tag to specify the link's destination." } }, { "@type": "Answer", "position": 1, "text": "<url>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no `<url>` tag in HTML. To create a link, use the `<a>` tag." } }, { "@type": "Answer", "position": 2, "text": "<link>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<link>` tag is used to link external resources like stylesheets or favicons. To create a clickable link, use the `<a>` tag." } }, { "@type": "Answer", "position": 3, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `<a>` tag is used to create a hyperlink, which allows users to navigate to another web page or resource." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Width Property", "text": "In CSS, which property sets the horizontal length of an element?", "encodingFormat": "text/html", "assesses": "CSS Width Property", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "width", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "length", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'length' property is not a standard CSS property. 'width' is used to set the horizontal length of an element." } }, { "@type": "Answer", "position": 1, "text": "area", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "'area' is not a standard CSS property. 'width' is used to set the horizontal length of an element." } }, { "@type": "Answer", "position": 2, "text": "width", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "'width' is the CSS property used to define the horizontal length of an element." } }, { "@type": "Answer", "position": 3, "text": "size", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "'size' is not a standard CSS property. 'width' is used to set the horizontal length of an element." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Form Element", "text": "Which HTML element represents the beginning of a form?", "encodingFormat": "text/html", "assesses": "HTML Form Element", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "<form>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<form>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<form>' element is used to create a form for user input and data submission." } }, { "@type": "Answer", "position": 1, "text": "<button>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<button>' element is used to create buttons within a form, but it doesn't define the form itself." } }, { "@type": "Answer", "position": 2, "text": "<input>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<input>' element is used to create input fields within a form, but it doesn't define the form itself." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Opacity Property", "text": "In CSS, the 'opacity' property is used to control:", "encodingFormat": "text/html", "assesses": "CSS Opacity Property", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "Transparency", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "Transparency", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'opacity' property in CSS controls the transparency of an element, allowing you to make it partially visible or completely transparent." } }, { "@type": "Answer", "position": 1, "text": "Brightness", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "While 'opacity' can affect how bright an element appears, it primarily controls transparency. Brightness is often controlled using other CSS properties." } }, { "@type": "Answer", "position": 2, "text": "Contrast", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Contrast is the difference between light and dark areas in an image or design. 'opacity' controls transparency, not contrast." } }, { "@type": "Answer", "position": 3, "text": "Visibility", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'visibility' property in CSS controls whether an element is visible or hidden. 'opacity' controls the transparency of a visible element." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Heading Element", "text": "In HTML, which element is used to define a main heading of a web page?", "encodingFormat": "text/html", "assesses": "HTML Heading Element", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<h1>' element is used to define the main heading of a web page, typically the most important title." } }, { "@type": "Answer", "position": 1, "text": "<header>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<header>' element is used to define the header section of a web page, which often contains the main heading, but it's not the heading itself." } }, { "@type": "Answer", "position": 2, "text": "<head>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<head>' element contains metadata about the web page, such as the title, links to stylesheets, and scripts." } }, { "@type": "Answer", "position": 3, "text": "<title>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<title>' element defines the title that appears in the browser tab, not the main heading on the page." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "background-color", "text": "In CSS, which property is used to specify the background color of an element?", "encodingFormat": "text/html", "assesses": "background-color", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'color' property is used to set the color of the text, not the background." } }, { "@type": "Answer", "position": 1, "text": "background-image", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'background-image' property is used to set an image as the background, not the color." } }, { "@type": "Answer", "position": 2, "text": "background", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'background' property is a shorthand property that sets multiple background properties, including color, but it's not specific to color." } }, { "@type": "Answer", "position": 3, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'background-color' property is specifically used to set the background color of an element." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "class-selector", "text": "In CSS, which selector targets all elements of a specific class?", "encodingFormat": "text/html", "assesses": "class-selector", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": ".class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": ".class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '.' (dot) in front of the class name indicates a class selector, targeting all elements with that class." } }, { "@type": "Answer", "position": 1, "text": "#class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '#' (hash) in front of the class name indicates an ID selector, targeting a specific element with that ID." } }, { "@type": "Answer", "position": 2, "text": "class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Without a preceding '.' or '#', this is not a valid CSS selector." } }, { "@type": "Answer", "position": 3, "text": "class-name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '' (asterisk) is a universal selector, targeting all elements, not just those of a specific class." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "html-link", "text": "In HTML, which element is used to create a link to another web page or document?", "encodingFormat": "text/html", "assesses": "html-link", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<url>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<url>' element is not a valid HTML element for creating links." } }, { "@type": "Answer", "position": 1, "text": "<a>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<a>' element is specifically designed to create hyperlinks in HTML." } }, { "@type": "Answer", "position": 2, "text": "<href>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<href>' attribute is used within the '<a>' element to specify the destination of the link." } }, { "@type": "Answer", "position": 3, "text": "<link>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<link>' element is used to link external resources like CSS or JavaScript files, not to create hyperlinks." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "html-meta", "text": "In HTML, what is the primary purpose of the <meta> tag?", "encodingFormat": "text/html", "assesses": "html-meta", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "To provide metadata about the webpage", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "To style the webpage", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "CSS is used for styling web pages, not the '<meta>' tag." } }, { "@type": "Answer", "position": 1, "text": "To include external scripts", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<script>' tag is used to include external scripts, not the '<meta>' tag." } }, { "@type": "Answer", "position": 2, "text": "To create a navigation menu", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "HTML elements like '<ul>' and '<li>' are used to create navigation menus, not the '<meta>' tag." } }, { "@type": "Answer", "position": 3, "text": "To provide metadata about the webpage", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<meta>' tag is primarily used to provide information about the webpage, such as its title, description, and keywords." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "line-height", "text": "In CSS, which property controls the vertical spacing between lines of text?", "encodingFormat": "text/html", "assesses": "line-height", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "text-align", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `text-align` property controls the horizontal alignment of text within an element. It doesn't affect the spacing between lines." } }, { "@type": "Answer", "position": 1, "text": "line-height", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `line-height` property controls the vertical spacing between lines of text. It determines the height of each line." } }, { "@type": "Answer", "position": 2, "text": "letter-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `letter-spacing` property controls the spacing between individual letters within a word. It doesn't affect the spacing between lines." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "id attribute", "text": "In HTML, which attribute is used to uniquely identify an element within the document?", "encodingFormat": "text/html", "assesses": "id attribute", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "id", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "value", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `value` attribute is used to set the value of form elements like input fields, textareas, and select lists. It doesn't provide a unique identifier." } }, { "@type": "Answer", "position": 1, "text": "name", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `name` attribute is used to give a name to an element, primarily for form elements. It doesn't guarantee uniqueness within the document." } }, { "@type": "Answer", "position": 2, "text": "class", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `class` attribute is used to apply styles to multiple elements with the same class name. It doesn't provide a unique identifier." } }, { "@type": "Answer", "position": 3, "text": "id", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `id` attribute is used to assign a unique identifier to an element within the HTML document. It's essential for referencing elements in CSS and JavaScript." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS rule syntax", "text": "In CSS, which syntax is used to define a style rule for a specific element?", "encodingFormat": "text/html", "assesses": "CSS rule syntax", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "{ }", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "{ }", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The curly braces `{}` enclose the style declarations within a CSS rule. They define the properties and values that will be applied to the selected element." } }, { "@type": "Answer", "position": 1, "text": "()", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Parentheses `()` are used for functions in programming languages, not for defining style rules in CSS." } }, { "@type": "Answer", "position": 2, "text": "[]", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Square brackets `[]` are used for arrays in programming languages, not for defining style rules in CSS." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "div display property", "text": "In HTML, what is the default display property for a <div> element?", "encodingFormat": "text/html", "assesses": "div display property", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "block", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "none", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `display: none;` property hides the element completely from the page. It's not the default display property for a `<div>`." } }, { "@type": "Answer", "position": 1, "text": "inline-block", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `display: inline-block;` property allows an element to behave like an inline element but also have the ability to set width and height. It's not the default display property for a `<div>`." } }, { "@type": "Answer", "position": 2, "text": "inline", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `display: inline;` property makes the element flow like text, not taking up the full width of its container. It's not the default display property for a `<div>`." } }, { "@type": "Answer", "position": 3, "text": "block", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The `display: block;` property is the default display property for a `<div>` element. It takes up the full width of its container and starts on a new line." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML Heading Tag Sizes", "text": "Which HTML heading tag creates the largest heading size?", "encodingFormat": "text/html", "assesses": "HTML Heading Tag Sizes", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<h3>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<h3>' tag creates a heading of medium size. Remember, the larger the number, the smaller the heading." } }, { "@type": "Answer", "position": 1, "text": "<h1>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Correct! '<h1>' is the largest heading tag in HTML." } }, { "@type": "Answer", "position": 2, "text": "<h2>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<h2>' tag creates a heading of large size, but '<h1>' is even larger." } }, { "@type": "Answer", "position": 3, "text": "<h6>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<h6>' tag creates the smallest heading size. Remember, the larger the number, the smaller the heading." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "Linking External CSS Stylesheet", "text": "How do you link an external CSS stylesheet to an HTML document?", "encodingFormat": "text/html", "assesses": "Linking External CSS Stylesheet", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "<link rel=\"stylesheet\" href=\"style.css\">", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<link rel=\"stylesheet\" href=\"style.css\">", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The '<link>' tag with the 'rel' attribute set to 'stylesheet' is used to link external CSS files." } }, { "@type": "Answer", "position": 1, "text": "<style src=\"style.css\"></style>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This syntax is incorrect. The '<style>' tag is used for inline styles, not linking external files." } }, { "@type": "Answer", "position": 2, "text": "<script src=\"style.css\"></script>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "This syntax is incorrect. The '<script>' tag is used for JavaScript files, not CSS files." } }, { "@type": "Answer", "position": 3, "text": "<link href=\"style.css\">", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "While the '<link>' tag is used, the 'rel' attribute is necessary to specify it's a stylesheet." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS Background Color Property", "text": "What CSS property controls the background color of an HTML element?", "encodingFormat": "text/html", "assesses": "CSS Background Color Property", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'color' property controls the text color, not the background color." } }, { "@type": "Answer", "position": 1, "text": "bgcolor", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'bgcolor' property is deprecated and no longer recommended for setting background colors." } }, { "@type": "Answer", "position": 2, "text": "text-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'text-color' property is not a valid CSS property. Use 'color' for text color." } }, { "@type": "Answer", "position": 3, "text": "background-color", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'background-color' property is used to set the background color of an HTML element." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "Purpose of ID Attribute in HTML", "text": "What is the purpose of the 'id' attribute in HTML?", "encodingFormat": "text/html", "assesses": "Purpose of ID Attribute in HTML", "acceptedAnswer": [ { "@type": "Answer", "position": 2, "text": "To uniquely identify an element for styling, scripting, or referencing.", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "To define the element's content.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The content of an element is defined within its opening and closing tags." } }, { "@type": "Answer", "position": 1, "text": "To indicate the element's importance.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'id' attribute doesn't indicate importance. It's used for unique identification." } }, { "@type": "Answer", "position": 2, "text": "To uniquely identify an element for styling, scripting, or referencing.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'id' attribute provides a unique identifier for an element, allowing you to target it with CSS, JavaScript, or other methods." } }, { "@type": "Answer", "position": 3, "text": "To specify the element's alignment.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Alignment is controlled by CSS properties like 'text-align' or 'float'." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS", "text": "Which CSS property controls the space between an element's content and its border?", "encodingFormat": "text/html", "assesses": "CSS", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "padding", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "padding", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Padding adds space between the element's content and its border." } }, { "@type": "Answer", "position": 1, "text": "spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "There is no 'spacing' property in CSS." } }, { "@type": "Answer", "position": 2, "text": "margin", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Margin adds space outside the element's border." } }, { "@type": "Answer", "position": 3, "text": "border-spacing", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "Border-spacing adds space between the borders of adjacent elements." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML", "text": "Which HTML tag is used to create an ordered list (with numbered items)?", "encodingFormat": "text/html", "assesses": "HTML", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "<ol>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <ol> tag creates an ordered list." } }, { "@type": "Answer", "position": 1, "text": "<li>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <li> tag creates a list item." } }, { "@type": "Answer", "position": 2, "text": "<ul>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <ul> tag creates an unordered list." } }, { "@type": "Answer", "position": 3, "text": "<dl>", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <dl> tag creates a definition list." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "HTML", "text": "What is the purpose of the 'DOCTYPE' declaration in HTML?", "encodingFormat": "text/html", "assesses": "HTML", "acceptedAnswer": [ { "@type": "Answer", "position": 0, "text": "To declare the HTML version being used in the document.", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "To declare the HTML version being used in the document.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The DOCTYPE declaration specifies the HTML version." } }, { "@type": "Answer", "position": 1, "text": "To set the character encoding for the document.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <meta> tag sets the character encoding." } }, { "@type": "Answer", "position": 2, "text": "To define the document's title.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <title> tag defines the document's title." } }, { "@type": "Answer", "position": 3, "text": "To link external stylesheets.", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The <link> tag links external stylesheets." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "CSS", "text": "Which CSS property controls the alignment of text within an element?", "encodingFormat": "text/html", "assesses": "CSS", "acceptedAnswer": [ { "@type": "Answer", "position": 1, "text": "text-align", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "align", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'align' property is deprecated." } }, { "@type": "Answer", "position": 1, "text": "text-align", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'text-align' property controls text alignment." } }, { "@type": "Answer", "position": 2, "text": "text-direction", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'text-direction' property controls the direction of text." } }, { "@type": "Answer", "position": 3, "text": "text-justify", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "The 'text-justify' property justifies text." } } ] }, { "@type": "Question", "eduQuestionType": "Multiple choice", "learningResourceType": "Exam exercise", "name": "", "text": "How do you create a comment in HTML code?", "encodingFormat": "text/html", "assesses": "", "acceptedAnswer": [ { "@type": "Answer", "position": 3, "text": "", "encodingFormat": "text/html", "comment": { "@type": "Comment" } } ], "suggestedAnswer": [ { "@type": "Answer", "position": 0, "text": "// This is a comment", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "" } }, { "@type": "Answer", "position": 1, "text": "# This is a comment", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "" } }, { "@type": "Answer", "position": 2, "text": "/* This is a comment */", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "" } }, { "@type": "Answer", "position": 3, "text": "", "encodingFormat": "text/html", "comment": { "@type": "Comment", "text": "" } } ] } ] }</article></body></html>