Menu iconMenu iconHTML and CSS Easy for Non-Coders
HTML and CSS Easy for Non-Coders

Quiz Part II: Building Blocks of Web Pages

Questions of Quiz Part II: HTML and CSS Easy for Non-Coders

Congratulations on completing Part II of your journey into web development! This quiz is designed to test your understanding of the key concepts covered in the chapters on working with text and lists, adding images and links, and structuring web pages. Take your time, reflect on what you've learned, and use this opportunity to consolidate your knowledge.

Question 1: HTML Lists

Which HTML element is used to create an unordered list?

A) <ul>

B) <ol>

C) <li>

D) <list>

Question 2: The <img> Element

Which attribute is mandatory for an <img> element?

A) src

B) alt

C) href

D) title

Question 3: Creating Hyperlinks

Which HTML element is used to define a hyperlink?

A) <link>

B) <a>

C) <href>

D) <nav>

Question 4: The Box Model

Which of the following is NOT a part of the CSS box model?

A) Margin

B) Padding

C) Content

D) Background-color

Question 5: Using <div> and <span>

What is the main difference between a <div> and a <span> element?

A) <div> is used for images, <span> for text

B) <div> is a block-level element, <span> is an inline element

C) <div> supports styling, <span> does not

D) There is no difference

Question 6: Responsive Design

What CSS property is commonly used to create layouts that adapt to different screen sizes?

A) display: adaptive;

B) @media

C) layout: responsive;

D) flex-wrap

Question 7: Navigation Bar

To create a navigation bar that links to different sections of the website, which combination of HTML elements is commonly used?

A) <nav> and <ul>

B) <header> and <footer>

C) <links> and <buttons>

D) <div> and <span>

Question 8: Accessibility in Web Development

Providing alternative text for images is important for:

A) Improving website speed

B) SEO

C) Users who utilize screen readers

D) Changing the image size

Question 9: Styling Lists

How can you remove the default bullet points from an unordered list?

A) list-style-type: none;

B) list-bullets: off;

C) bullet-style: no-bullets;

D) list-decoration: none;

Question 10: Implementing Sticky Navigation

Which CSS property makes an element stick to the top of the page as you scroll?

A) position: fixed;

B) position: sticky;

C) overflow: scroll;

D) display: sticky;

Questions of Quiz Part II: HTML and CSS Easy for Non-Coders

Congratulations on completing Part II of your journey into web development! This quiz is designed to test your understanding of the key concepts covered in the chapters on working with text and lists, adding images and links, and structuring web pages. Take your time, reflect on what you've learned, and use this opportunity to consolidate your knowledge.

Question 1: HTML Lists

Which HTML element is used to create an unordered list?

A) <ul>

B) <ol>

C) <li>

D) <list>

Question 2: The <img> Element

Which attribute is mandatory for an <img> element?

A) src

B) alt

C) href

D) title

Question 3: Creating Hyperlinks

Which HTML element is used to define a hyperlink?

A) <link>

B) <a>

C) <href>

D) <nav>

Question 4: The Box Model

Which of the following is NOT a part of the CSS box model?

A) Margin

B) Padding

C) Content

D) Background-color

Question 5: Using <div> and <span>

What is the main difference between a <div> and a <span> element?

A) <div> is used for images, <span> for text

B) <div> is a block-level element, <span> is an inline element

C) <div> supports styling, <span> does not

D) There is no difference

Question 6: Responsive Design

What CSS property is commonly used to create layouts that adapt to different screen sizes?

A) display: adaptive;

B) @media

C) layout: responsive;

D) flex-wrap

Question 7: Navigation Bar

To create a navigation bar that links to different sections of the website, which combination of HTML elements is commonly used?

A) <nav> and <ul>

B) <header> and <footer>

C) <links> and <buttons>

D) <div> and <span>

Question 8: Accessibility in Web Development

Providing alternative text for images is important for:

A) Improving website speed

B) SEO

C) Users who utilize screen readers

D) Changing the image size

Question 9: Styling Lists

How can you remove the default bullet points from an unordered list?

A) list-style-type: none;

B) list-bullets: off;

C) bullet-style: no-bullets;

D) list-decoration: none;

Question 10: Implementing Sticky Navigation

Which CSS property makes an element stick to the top of the page as you scroll?

A) position: fixed;

B) position: sticky;

C) overflow: scroll;

D) display: sticky;

Questions of Quiz Part II: HTML and CSS Easy for Non-Coders

Congratulations on completing Part II of your journey into web development! This quiz is designed to test your understanding of the key concepts covered in the chapters on working with text and lists, adding images and links, and structuring web pages. Take your time, reflect on what you've learned, and use this opportunity to consolidate your knowledge.

Question 1: HTML Lists

Which HTML element is used to create an unordered list?

A) <ul>

B) <ol>

C) <li>

D) <list>

Question 2: The <img> Element

Which attribute is mandatory for an <img> element?

A) src

B) alt

C) href

D) title

Question 3: Creating Hyperlinks

Which HTML element is used to define a hyperlink?

A) <link>

B) <a>

C) <href>

D) <nav>

Question 4: The Box Model

Which of the following is NOT a part of the CSS box model?

A) Margin

B) Padding

C) Content

D) Background-color

Question 5: Using <div> and <span>

What is the main difference between a <div> and a <span> element?

A) <div> is used for images, <span> for text

B) <div> is a block-level element, <span> is an inline element

C) <div> supports styling, <span> does not

D) There is no difference

Question 6: Responsive Design

What CSS property is commonly used to create layouts that adapt to different screen sizes?

A) display: adaptive;

B) @media

C) layout: responsive;

D) flex-wrap

Question 7: Navigation Bar

To create a navigation bar that links to different sections of the website, which combination of HTML elements is commonly used?

A) <nav> and <ul>

B) <header> and <footer>

C) <links> and <buttons>

D) <div> and <span>

Question 8: Accessibility in Web Development

Providing alternative text for images is important for:

A) Improving website speed

B) SEO

C) Users who utilize screen readers

D) Changing the image size

Question 9: Styling Lists

How can you remove the default bullet points from an unordered list?

A) list-style-type: none;

B) list-bullets: off;

C) bullet-style: no-bullets;

D) list-decoration: none;

Question 10: Implementing Sticky Navigation

Which CSS property makes an element stick to the top of the page as you scroll?

A) position: fixed;

B) position: sticky;

C) overflow: scroll;

D) display: sticky;

Questions of Quiz Part II: HTML and CSS Easy for Non-Coders

Congratulations on completing Part II of your journey into web development! This quiz is designed to test your understanding of the key concepts covered in the chapters on working with text and lists, adding images and links, and structuring web pages. Take your time, reflect on what you've learned, and use this opportunity to consolidate your knowledge.

Question 1: HTML Lists

Which HTML element is used to create an unordered list?

A) <ul>

B) <ol>

C) <li>

D) <list>

Question 2: The <img> Element

Which attribute is mandatory for an <img> element?

A) src

B) alt

C) href

D) title

Question 3: Creating Hyperlinks

Which HTML element is used to define a hyperlink?

A) <link>

B) <a>

C) <href>

D) <nav>

Question 4: The Box Model

Which of the following is NOT a part of the CSS box model?

A) Margin

B) Padding

C) Content

D) Background-color

Question 5: Using <div> and <span>

What is the main difference between a <div> and a <span> element?

A) <div> is used for images, <span> for text

B) <div> is a block-level element, <span> is an inline element

C) <div> supports styling, <span> does not

D) There is no difference

Question 6: Responsive Design

What CSS property is commonly used to create layouts that adapt to different screen sizes?

A) display: adaptive;

B) @media

C) layout: responsive;

D) flex-wrap

Question 7: Navigation Bar

To create a navigation bar that links to different sections of the website, which combination of HTML elements is commonly used?

A) <nav> and <ul>

B) <header> and <footer>

C) <links> and <buttons>

D) <div> and <span>

Question 8: Accessibility in Web Development

Providing alternative text for images is important for:

A) Improving website speed

B) SEO

C) Users who utilize screen readers

D) Changing the image size

Question 9: Styling Lists

How can you remove the default bullet points from an unordered list?

A) list-style-type: none;

B) list-bullets: off;

C) bullet-style: no-bullets;

D) list-decoration: none;

Question 10: Implementing Sticky Navigation

Which CSS property makes an element stick to the top of the page as you scroll?

A) position: fixed;

B) position: sticky;

C) overflow: scroll;

D) display: sticky;