Web Design Fundamentals Test Your Knowledge

Test Your Knowledge https://basescripts.com/web-design-fundamentals-test-your-knowledge

Question 1: HTML Basics

What does HTML stand for?

• A) Hyper Text Markup Language
• B) High Text Machine Language
• C) Hyper Tabular Markup Language
• D) None of the above

Question 2: HTML Elements

Which of the following HTML elements is used for making any text bold?

• A) <i>
• B) <bold>
• C) <b>
• D) <strong>

Question 3: CSS Basics

What does CSS stand for?

• A) Cascading Style Sheets
• B) Computer Style Sheets
• C) Creative Style Sheets
• D) Colorful Style Sheets

Question 4: CSS Selectors

Which CSS selector is used to style an element with a specific id?

• A) #
• B) .
• C) :
• D) *

Question 5: JavaScript Basics

What is the correct JavaScript syntax to change the content of the HTML element below?

html

Copy code

<p id="demo">This is a demonstration.</p>

• A) document.getElement("p").innerHTML = "Hello World!";
• B) document.getElementById("demo").innerHTML = "Hello World!";
• C) #demo.innerHTML = "Hello World!";
• D) document.getElementByName("p").innerHTML = "Hello World!";

Question 6: HTML Forms

Which HTML element is used to create a drop-down selection list?

• A) <input type="dropdown">
• B) <list>
• C) <select>
• D) <drop-down>

Question 7: CSS Box Model

Which property is used to change the left margin of an element?

• A) margin-left
• B) padding-left
• C) border-left
• D) indent

Question 8: JavaScript Functions

Which syntax is correct for declaring a JavaScript function?

• A) function myFunction()
• B) function:myFunction()
• C) function = myFunction()
• D) function::myFunction()

Question 9: Responsive Design

Which HTML5 element is used to specify a footer for a document or section?

• A) <bottom>
• B) <footer>
• C) <section>
• D) <end>

Question 10: DOM Manipulation

Which method is used to select elements with a specific class in JavaScript?

• A) document.getElementByClassName()
• B) document.getElementById()
• C) document.querySelectorAll()
• D) document.getClasses()

Answers:

• A) Hyper Text Markup Language
• C) <b> or D) <strong> (Both are correct, but <strong> is preferred for semantic meaning)
• A) Cascading Style Sheets
• A) #
• B) document.getElementById("demo").innerHTML = "Hello World!";
• C) <select>
• A) margin-left
• A) function myFunction()
• B) <footer>
• A) document.getElementByClassName() or C) document.querySelectorAll() (Both are correct, but document.querySelectorAll() is more versatile)

This quiz covers basic concepts that every web designer should be familiar with, including HTML structure, CSS styling, and JavaScript functionality.