Free Printable HTML and CSS Fundamentals

1.

During a computer class, Ava asked her teacher what HTML stands for. The teacher replied with several options. Can you help Ava choose the correct one?

a)

HyperText Markup Language

b)

Hyperlink Text Markup Language

c)

HighText Markup Language

d)

HyperText Markup Tool

2.

During a web development class, Priya asked her teacher about the purpose of the tag in an HTML document.

a)

The tag is used to contain meta-information about the document.

b)

The tag is used to display the main content of the document.

c)

The tag is for defining the layout of the webpage.

d)

The tag contains the visible text that users see on the page.

3.

Isla is creating a webpage and needs to add a link to her favorite blog. Which attribute is used to specify the destination of that link?

a)

link

b)

href

c)

src

d)

target

4.

Isla is learning about web design in her class. One day, her teacher asked the students what CSS stands for. Can you help Isla answer the question?

a)

Cascading Style Sheets

b)

Cascading Style Scripts

c)

Creative Style Sheets

d)

Cascading Syntax Styles

5.

In a school project, Aria wants to style all the elements that belong to a specific group. Which CSS selector should she use to select elements by their class?

a)

[class=classname]

b)

*classname

c)

.classname

d)

#classname

6.

Elijah is learning how to style his webpage. How does he apply a CSS style to an HTML element?

a)

You can only use inline styles to apply CSS.

b)

HTML elements cannot have CSS styles applied to them.

c)

You can apply a CSS style to an HTML element using inline styles, internal styles, or external styles.

d)

CSS styles can only be applied through JavaScript.

7.

Abigail is creating a webpage for her school project. What is the purpose of the

a)

The tag is used to define the structure of a webpage.

b)

The tag is for creating tables in HTML.

c)

The tag is used to display images on a webpage.

d)

The tag is used to create a form for user input.

8.

During a class project, Mason needs to create a form for collecting feedback. Which input type should he use for a single-line text field?

a)

text

b)

textarea

c)

checkbox

d)

radio

9.

Lily is filling out a form for her school project, and she wants to set a default value for her favorite color input field. What attribute should she use to specify this default value?

a)

default

b)

value

c)

placeholder

d)

initial

10.

How can Aria create a checkbox in her HTML form?

a)

Example Text

b)

Example Button

c)

Example Checkbox

d)

Example Radio

11.

During a class project, Mia is creating a form to collect feedback from her classmates. What is the purpose of the tag in her form?

a)

To style the form input elements.

b)

To submit the form data to the server.

c)

To create a dropdown menu in a form.

d)

To associate a text label with a form input element.

12.

Lily is designing a poster for her school project and wants to make the title stand out by changing its text color. Which CSS property should she use?

a)

font-size

b)

background-color

c)

text-decoration

d)

color

13.

In a school project, Aria is responsible for designing the webpage. She decides to use an ID selector for the main header of the page, while Grace uses a class selector for styling multiple sections of the content. What is the difference between an ID selector and a class selector in CSS?

a)

An ID selector is used for styling text, while a class selector is used for layout.

b)

An ID selector is unique to one element, while a class selector can be used on multiple elements.

c)

An ID selector can be used on multiple elements, while a class selector is unique to one element.

d)

Both ID and class selectors can be used on multiple elements without restrictions.

14.

Which of the following is an opening HTML tag?

a)

</html>

b)

<<html>>

c)

<html>

d)

<html/>

15.

Which one of the following is a closing HTML tag?

a)

b)

</html>

c)

<</html>>

d)

<html>

16.

Which tag is used to add an image?

a)

<image>

b)

<img>

c)

<<img>>

d)

</image>

17.

Which of the following is the correct way to add an attribute?

a)

<src>

b)

classes:ids

c)

id="title"

d)

<id>

18.

What symbol should you use to target an id in css?

a)

.

b)

+

c)

id

d)

#

19.

What symbol should you use to target a class name in css?

a)

#

b)

()

c)

.

d)

class

20.

What is the correct syntax to change the background color with css?

a)

background-color: purple;

b)

background-color = "purple";

c)

backgroundcolor=orange

d)

change-background-color: purple

21.

TRUE OR FALSE: HTML is used to style web pages.

a)

True

b)

False

22.

TRUE OR FALSE: CSS is used to style web pages

a)

True

b)

False

23.

What is missing from this HTML skeleton?

<!DOCTYPE html>

<html>

<body>

</body>

</html>

a)

b)

c)

d)

<head>

24.

What tag do you use to make a numbered list?

a)

<list>

b)

<ol>

c)

<li>

d)

<ul>

25.

How do you change the font color with CSS?

a)

font-color: green;

b)

color: green;

c)

change-font-color: green;

d)

fontcolor=green;

26.

TRUE OR FALSE: All tags require a closing tag.

a)

True

b)

False

27.

Where should you put the link tag to connect your CSS and HTML file?

a)

Between the <head> </head> in HTML

b)

Between the <body> </body> in HTML

c)

None of the above.

28.

Which of the following is the correct CSS link tag?

a)

b)

c)

d)

29.

The stylesheet is used to

a)

code the css page.

b)

link css to the html page.

c)

add css to notepad++

d)

link java script to the html page.

30.

What is the proper CSS format for background color?

a)

back-ground color:orange:

b)

backgroundcolor-orange;

c)

background:color:orange;

d)

background-color:orange;

31.

Which one is the largest heading?

a)

h1

b)

h2

c)

h4

d)

h6

32.

Which one is the smallest heading?

a)

h1

b)

h2

c)

h4

d)

h6

33.

Every html page is required to have a linked CSS page.

a)

True

b)

False

34.

Comments in coding is used to help

a)

the programmer

b)

anyone viewing the website

c)

the editor of the code

d)

the reader of the code

35.

Every element of html coding must have an opening and closing tag.

a)

True

b)

False

36.

What is the proper way to code a website title using HTML

a)

title{

New Website}

b)

<title>New Website</title>

c)

.tile New Website

d)

<title>New Website<title>

37.

______ is used to create electronic documents (called pages) that are displayed on the World Wide Web. Every web page you see on the Internet is written using one version of _____ code or another.

a)

JPEG

b)

CSS

c)

PDF

d)

HTML

38.

A ___________ is an icon, graphic, or text that links to another file or object. These are what allow web pages to connect to other web pages

a)

hyperlink

b)

HTML Tags

c)

browser

d)

<br>

39.

A ________ is a software program to present and explore content on the World Wide Web.

a)

Word Processor

b)

Browser

c)

HTTP

d)

attribute

40.

What does HTML stand for?

a)

Hyper Text Markup Language

b)

Hilary Text Markup Language

c)

Text Markup Language Hyper

d)

Hippo Text Markup Language

41.

What is CSS?

a)

CSS outline the style of an HTML web page, it is a language by which we can set the behaviour of an HTML web page. It describes how the HTML content will be shown on screen.

b)

CSS controls the layout of several HTML web pages. CSS is referred to as the Cascading Style Sheet.

c)

CSS is a language that can only be coded with HTML.

d)

What even is CSS?

42.

What are tags?

a)

Content is placed in between HTML tags in order to properly format it. It makes use of the less than symbol (<) and the greater than symbol (>). A slash symbol is also used as a closing tag.

b)

Content is placed in between HTML tags in order to properly format it. It makes use of the less than symbol (-) and the greater than symbol (-). A slash symbol is also used as a closing tag.

c)

Content is placed in between HTML tags in order to properly format it. It makes use of the less than symbol (") and the greater than symbol ("). A slash symbol is also used as a closing tag.

d)

Content is placed in between HTML tags in order to properly format it. It makes use of the less than symbols (<--) and the greater than symbols (<!--). A slash symbol is also used as a closing tag.

43.

Do all HTML tags come in a pair?

a)

Yes

b)

No

44.

What is formatting in HTML?

a)

The HTML formatting is a process of format the text for a better look and feel. It uses different tags to make text bold, italicized, underlined.

b)

HTML is a formatting process for better images and looks.

45.

What does CSS stand for?

a)

Creative Style Sheets

b)

Cascading Style Sheets

c)

Colorful Style Spread

d)

Computer Style Spread

46.

Which is correct CSS syntax?

a)

{ body; color=black;}

b)

body: color= black

c)

body {color:black;}

d)

(body color is black)

47.

Jerry wants to insert a line break into his webpage. Which code should he use?

a)

<ul>

b)

<li>

c)

<br>

d)

<h1>

48.

What symbols go around the properties for each CSS selector?

a)

< >

b)

[ ]

c)

{ }

d)

( )

49.

Karen wants to begin a new line within a paragraph of text on a webpage. Which code should she use?

a)

<li>

b)

<h1>

c)

<hr>

d)

<br>

50.

What is the proper code to insert an image named "frog.jpg"?

a)

b)

<img="frog.jpg" width="104" height="142">

c)

d)

51.

The World Wide Web Consortium (W3C) plays which role in the web development standards?

a)

It creates websites accessible to everyone.

b)

It develops the standards for HTML and CSS.

c)

It develops web browsers.

d)

It is the agency that controls the World Wide Web.

52.

Which tag defines the visible content of a web document?

a)

<head>

b)

<meta>

c)

<title>

d)

<body>

53.

Which tag will create a line break in a web document?

a)

<hr>

b)

<br>

c)

<h1>

d)

<body>

54.

A properly coded HTML tag will always be found between which two symbols?

a)

( )

b)

{ }

c)

[ ]

d)

< >

55.

When using a text editor, what file extension(s) must be used when saving as a web document?

a)

txt

b)

html or htm

c)

doc

d)

css

56.

You should save HTML files with which file extension?

a)

.htm

b)

.index

c)

.webpage

d)

.html

57.

What is the function of the <p> tag?

a)

Defines a paragraph.

b)

Makes the text purple.

c)

It pushes the text to the right.

d)

Prints the webpage.

58.

The content of the web (such as your pictures, text, links) will show up here.

a)

Head

b)

Body

c)

Style

d)

Folder

59.

HTML Language uses

a)

Tabs

b)

HTML and CSS Fundamentals

Total questions: 119

Worksheet time: 1hrs 3mins

Similar Resources on Wayground