HTML Styles & Programming

Question 1

style

Answer 1

Element for CSS
goes in the head
Specifies how the page should render

Question 2

div

Answer 2

Division of the page used as
a container for elements to be
styled by CSS or manipulated by
JavaScript

Any elements can go in the tag

Question 3

span

Answer 3

An inline container to markup,
stylize with CSS, or manipulate
with JavaScript

Question 4

header

Answer 4

Used for containing introductory
or navigation content

headings, logos, authorship

Question 5

footer

Answer 5

Defines a container for footer information

authorship, copyright, contact info,
site map, related documents, back to top

Question 6

main

Answer 6

The main content

Only one main

Must NOT descend from:
article, aside, footer, header, or nav

Question 7

section

Answer 7

Defines a section of the page,
has a more specific meaning than div

Used for elements that are on a
consistent topic, same theme

Question 8

article

Answer 8

Used to specify self-contained information

Question 9

aside

Answer 9

Defines content aside from

the page content, side-bar content

Question 10

details summary

Answer 10

Specifies a container with additional
details that collapse

details
summary /summary
p /p
/details

Question 11

dialog

Answer 11

Defines a subwindow, for popup

dialogs and modals

Question 12

data

Answer 12

Allows for machine readable translation of content

Question 13

time

Answer 13

An element that translates time into
machine readable code that can
interact with the user’s calendar

Question 14

script

Answer 14

Adds JavaScript to the page

OR can add an external JavaScript
file.

script src=””

Question 15

noscript

Answer 15

An element to display if the browser

does not support JavaScript

Question 16

iframe

Answer 16

defines an inline frame for embedding

another document

Question 17

progress

Answer 17

Creates a progress bar element

label for=”bar” …. /label
progress id=”bar” value=”x” max=”y” /progress

Question 18

What is a block level element?

Answer 18

An element that…
Always starts on a new row/line
with some margin from the browser
Always takes up the full width available

<div></div>

Question 19

What is an inline element?

Answer 19

An element that…
Does not start on a new line
And only takes up width as necessary

<span></span>

Question 20

Can an inline element contain a block element?

Answer 20

No, it cannot.

Question 21

class=””

Answer 21

The class attribute points to a stylesheet class name. It is case-sensitive and can point to multiple elements.

name=”cityscape”

.cityscape {}

Question 22

id=””

Answer 22

johnBio {}

The id attribute specifies a unique id for an element. (One element)

The id will point to a specific CSS declaration.

id=”johnBio”

Question 23

How do you define a character set for the page?

Answer 23

In the head…

meta charset=”UTF-8”

Question 24

How do you define keywords for a page, that a search engine will pick up?

Answer 24

In the head…
meta name=”keywords”
content=”pizza, etc”

Question 25

How do you define a description for a page?

Answer 25

In the head…
meta name=”description”
content=”LA’s Finest Pizza”

Question 26

How do you define an author for the page?

Answer 26

In the head…
meta name=”author”
content=”Pat Dough”

Question 27

How do you set a document to refresh every 30 seconds?

Answer 27

In the head…
meta http-equiv=”refresh”
content=”30”

Question 28

How would you set the page to look good on all devices?

Answer 28

In the head…
name=”viewport”
content=”width=device-width,
initial-scale=1.0”

Question 29

How would you set a script in the head?

Answer 29

script src=”app.js” type=”module” defer

Question 30

What happens when the script is async?

Answer 30

The script is downloaded in parallel to parsing the page.

BUT is executed before the page finishes parsing.

Question 31

What happens when the script is defer?

Answer 31

The script is downloaded in parallel to parsing the page

AND only executes after the page is parsed

Question 32

What happens when a script is neither defer or async?

Answer 32

The script blocks parsing the page
AND downloads and executes before parsing can resume.

if defer and async are absent, move script to the end of the body