Web Design Fundamentals Test Your Knowledge

by

FrontEnd Web Developer QUIZ

Test Your Knowledge

GROW YOUR SKILLS Quiz: Web Design Fundamentals

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.

Frontend-Web-Quiz-1Download