HTML 101
Surfing the Web
Link Up!
Misc.
Table Talk
Form Frenzy
CSS 101
100

HTML stands for this.

What is Hyper Text Markup Language?

100

This protocol is used for secure communication over the web.

What is HTTPS?

100

This HTML tag is used to define multiple image sources for responsive design.

A. <img>

B. <picture>

C. <figure>

D. <source>

What is B. <picture>?

100

This tag is used to create an unordered list in HTML.

What is <ul>?

100

This HTML tag is used to define a table.

What is <table>?


100

This HTML tag is used to create a form.

What is <form>?


100
CSS stands for this.

What is Cascading Style Sheets?

200

This tag is used to define the main content of an HTML document.

What is <body>?


200

This is NOT considered a key component of a website. 

A. Frontend

B. Backend

C. Hardware

D. Database

What is C. Hardware?

200

This HTML tag is used to embed an image in a webpage.

What is <img>?

200

This tag is used to create a numbered list in HTML.

What is <ol>?

200

This tag is used to define a row in an HTML table.

What is <tr>?

200

What is the purpose of the <form> element in HTML?

A. To structure the webpage layout

B. To display images

C. To collect user input

D. To create tables

What is C. To collect user input?

200

This is NOT a way to apply CSS to a webpage.

A. Inline CSS

B. Internal CSS

C. External CSS

D. Embedded CSS

What is D. Embedded CSS?

300

The purpose of the <title> tag in an HTML document. 

What is defines the webpage's title?

300

This is NOT a web browser.

A. Chrome

B. Firefox

C. Windows

D. Safari

What is C. Windows?

300

This image format supports transparency.

What is PNG?

300

This HTML tag is used to create a horizontal line.

A. <br>

B. <line>

C. <hr>

D. <divider>

What is C. <hr>?

300

This tag is used to define a header cell in a table.

What is <th>?

300

This HTML element is used to create a multi-line text input field.

What is <textarea>?

300

This tag is used to apply internal CSS.

What is <style>?

400

This is a self-closing HTML tag.

A. <p>

B. <h1>

C. <img>

D. <div>

What is <img>?

400

This is what a web browser does.

A. Stores websites

B. Executes Java programs

C. Displays web pages

D. Manages network connections

What is C. displays web pages?

400

This is how you make an image clickable in HTML.

What is by wrapping it inside an <a> tag?

400

This HTML tag is used to divide content into multiple columns.

What is <div>?


400

This is the purpose of the 'colspan' attribute.

A. To merge multiple rows

B. To merge multiple columns

C. To add color to the table

D. To create a table caption

What is B. To merge multiple columns?

400

This attribute is used to make an input field mandatory.

What is required?

400

This is the default positioning of elements in CSS.

A. Relative

B. Static

C. Absolute

D. Fixed

What is B. Static?

500

This is a correct example of an HTML heading.

A. <heading>Title</heading>

B. <h1>Title</h1>

C. <p>Title</p>

D. <title>Title</title>

What is B. <h1>Title</h1>

500

This best describes a website.

A. A collection of interconnected web pages

B. A document stored on a single computer

C. A software program

D. A network protocol

What is A. A collection of interconnected web pages? 

500

This is a valid way to open a link in a new tab.

A. <a href='link.com' new>

B. <a href='link.com'target='_blank'>

C.<a href='link.com' tab='_new'>

D. <a target='_new' link='link.com'>

What is B. <a href='link.com' target='_blank'>

500

This HTML tag is used to group related content into a section.

What is B. <section>?


500

This is the purpose of the 'rowspan' attribute.

A. To merge multiple rows

B. To merge multiple columns

C. To change table height

D. To add a header to a table

What is A. To merge multiple rows?

500

This input type is used for selecting only one option from multiple choices.

What is radio?

500

This CSS property is used to set the background color of an element.

What is background-color?

600

This HTML tag is used to define the most important heading.

What is <h1>?

600

This is the role of the DNS in web browsing.

What is translates domain names to IP addresses?

600

This is the correct way to create a hyperlink in HTML.

A. <a link='www.example.com'>Click Here</a>

B. <a href='www.example.com'>Click Here</a>

C. <link href='www.example.com'>Click Here</link>

D. <p href='www.example.com'>Click Here</p>

What is B. <a href='www.example.com'>Click Here</a>?

600

This is NOT a valid table attribute in HTML5?

A. cellpadding

B. cellspacing

C. bgcolor

D. border

What is C. bgcolor?

600

This type of input field is used to enter a password.

A. <input type='text'>

B. <input type='password'>

C. <input type='secure'>

D. <input type='hidden'>

what is B. <input type='password'>?

600

This input type is used for selecting multiple options.

What is checkbox?

600
This CSS unit is relative to the font size of the parent element. 

A. px

B. em

C. %

D. cm

What is B. em?

700

This tag is used to create a paragraph in HTML.

What is <p>?

700

This is the purpose of the 'max-width: 100%' style for images.

A. Forces the image to a fixed size

B. Ensures the image does not exceed the container width

C. Makes the image blurry

D. Increases the image file size

What is B. Ensures the image does not exceed the container width?

700

This HTML attribute is used to provide an alternative text for an image.

What is alt?

700

This CSS property is commonly used to create a multi-column layout.

A. display: block;

B. float: left;

C. display: flex;

D. position: absolute;

What is C. display: flex;?

700

This tag is used to add a caption to a table.

What is <caption>?

700

This tag is used to create a dropdown menu in a form.

What is <select>?

700

This CSS property is used to control the spacing between lines of text.

What is line-height?

800

This attribute is used in the <a> tag to specify the hyperlink destination.

What is href?

800

This is a valid HTML document structure.

  • A. <html><body><head></head></body></html>
  • B. <html><head></head></html><
  • C. <body><html><head></head></body></html>
  • D. <html><head></head><body></body></html>

What is D. <html><head></head><body></body></html>

800

DOUBLE POINTS!! Write out the basic HTML shell structure needed to display a "Hello, World!" webpage, including the doctype, HTML tags, head section, and body section. 

What is 

<!DOCTYPE html> 

<html>  

<head>    

<title>Hello, World!</title>  

</head> 

 <body>    

<h1>Hello, World!</h1>  

</body> 

</html>?

800

This attribute is used in the <input> tag to provide hint text.

What is placeholder?

800

This CSS property is used to style table borders.

A. border-style

B. table-border

C. cell-border

D. outline

What is A. border-style?

800

This attribute in the <form> tag specifies where to send the form data.

A. method

B. action

C. target

D. enctype

What is B. action?

800

This CSS property is used to change the text color of an element.

A. font-color

B. text-style

C. color

D. background-color

What is C. color?

900

This is the purpose of the <strong> tag.

What is to make text bold and important?


900

This is NOT a valid HTML tag.

A. <h7>

B. <h1>

C. <p>

D. <a>

What is A. <h7>?
900

This is the correct way to link an external CSS file to an HTML document.

A. <stylesheet src='style.css'>

B. <link rel='stylesheet' href='style.css'>

C. <css href='style.css'>

D. <style src='style.css'>

What is B. <link rel='stylesheet' href='style.css'>?

900

This HTML element is used to define emphasized text.

What is <em>?

900

This is the default alignment of text inside a <th> element.

A. Left

B. Center

C. Right

D. Justified

What is B. Center?

900

This attribute specifies a regular expression for input validation.

A. pattern

B. validate

C. regex

D. match

What is A. pattern?

900

This selector applies styles to all elements on a webpage.

What is *?

M
e
n
u