Free Printable CodeHS Div & Spans

Worksheets

CodeHS Div & Spans

Total questions: 20

Worksheet time: 11mins

Name

Class

Date

You should save HTML files with which file extension?

.htm

.index

.webpage

.html

Within which tags on the HTML page is the main content placed?

<head>

<style>

<html>

<body>

Which tag is used to create a hyperlink?

<a>

<u>

<b>

<i>

Which tag is used to add a picture to a web-page?

<img>

<pic>

Where in the HTML document is the correct location to insert code to link to your external CSS?

In the <head> section

In the <body> section

At the very end of the document

At the very beginning of the document

Which is correct CSS syntax?

{ body; color=black;}

body: color= black

body {color:black;}

(body color is black)

If you want to have more than one property for a CSS selector, what character separates them?

comma (,)

semi-colon (;)

colon (:)

dash (-)

The code for the comment tag in CSS is

<!-- comment >

/* comment /*

/* comment */

What is the function of the div tag?

To define a section of an HTML page

To group a block of elements together to format them with CSS

To efficiently apply the same style to several different elements

All of the above

10.

Which code should a web developer use to attach an external CSS Style Sheet to an HTML webpage?

11.

The <span> tag.........

is used to group inline-elements in a document.

provides no visual change by itself

provides a way to add a hook to a part of a text or a part of a document.

All the above

12.

True or False: By default, browsers always place a line break before and after the <div> element.

True

False

13.

What symbols go around the properties for each CSS selector?

< >

[ ]

{ }

( )

14.

Which is the value in this CSS?
p {color: red;}

color

red

15.

Which of these selects all page elements?

16.

CSS benefits include:

401K

Consistency & Easy Change Management

Cruise Control

Free baked beans for life

17.

.my {color:red;} is a

element selector

id selector

class selector

attribute selector

18.

#my {color:red} is an

element selector

id selector

class selector

attribute selector

19.

If you wanted to select both h2 and h4 elements to change the font style to italic, which code would you use?

.h2 {font-style: italic;}

h2 h4 {font-style: italic;}

h2 + h4 {font-style: italic;}

h2 & h4 {font-style: italic;}

20.

if you wanted to select the sibling h4 tag after an h2 tag, what code would you selectj?

h2 then h4 {font-style: italic;}

h2 + h4 {font-style: italic;}

h2, h4 {font-style: italic;}

h2 after h4 {font-style: italic;}

Reset

CodeHS Div & Spans

Total questions: 20

Worksheet time: 11mins

Similar Resources on Wayground