Search Header Logo
Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the Header and Footer Style

Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the Header and Footer Style

Assessment

Interactive Video

Information Technology (IT), Architecture, Social Studies

University

Practice Problem

Hard

Created by

Wayground Content

FREE Resource

This video tutorial covers the creation and styling of a webpage's header and footer using HTML and CSS. It begins with setting up the basic structure, followed by adding styles such as borders and background colors to the header. The tutorial then moves on to styling the footer with similar techniques. Finally, it discusses setting up a navigation bar and selecting a font using Google Fonts, specifically the Oswald font, to enhance the webpage's design.

Read more

5 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of using classes in HTML for the header and footer?

To make the webpage load faster

To ensure the sections are responsive

To add animations to the sections

To apply specific styles to these sections

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What type of border is added to the header for distinction?

Solid black border

Dashed red border

Groove green border

Double blue border

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Why is it important to select contrasting colors for the header?

To ensure the text stands out against the background

To make the text unreadable

To reduce the file size of the webpage

To match the footer colors

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which color is chosen for the footer's background?

The darkest color

The second lightest color

The brightest color

The same color as the header

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What font is selected from Google Fonts for the webpage?

Arial

Oswald

Lato

Roboto

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?