HTML Concepts

Question 1

Where do you put non-visible content about the HTML document?

Answer 1

Within the head element.

Question 2

Where do you put visible content about the HTML document?

Answer 2

Within the body element.

Question 3

Where do the and tags go in a valid HTML documents?

Answer 3

Within the HTML element.

Question 4

What is the purpose of a declaration document?

Answer 4

Dictate to the browser what version is being used.

Question 5

How do block elements affect the document flow?

Answer 5

They start a new line.

Question 6

How do inline elements affect the document flow?

Answer 6

The alter the appearance of the result. (Ex. italicize, bold, strike out) They don’t start new lines.

Question 7

What are the default width & height of a block-level element?

Answer 7

Height is the height of the content.

Width is the length of the page or the container of the parent element.

Question 8

What are the default width & height of an inline element?

Answer 8

Height is the height of the content.

Width is the width of the content.

Question 9

What is the difference between an ordered list and an unordered list?

Answer 9

An ordered list is numbered.

An unordered list has bullet points.

Question 10

Is a HTML list a block element or an inline element?

Answer 10

A block element.

Question 11

What HTML tag is used to link to another website?

Answer 11

<a></a>

Question 12

What is an absolute URL?

Answer 12

It starts with a domain name.

Question 13

What is a relative URL?

Answer 13

It is used to link pages within the same site.

Question 14

Give 5 examples of HTML element types.

Answer 14

Head, title, body, h1, p

Question 15

What is the purpose of HTML attributes?

Answer 15

They provide more info about elements.

Question 16

Give and example of an HTML entity (escape character).

Answer 16

ampersand sign, trademark sign, copyright sign

Question 17

How do you indicate the relative link to a parent directory?

Answer 17

../ (dot dot forward slash followed by the file name)

Question 18

How do you indicate the relative link to a child directory?

Answer 18

/ (forward slash)

Question 19

How do you indicate the relative link to a grandparent directory?

Answer 19

../../(dot dot slash, dot dot slash, forward slash followed by file name

Question 20

How do you indicate the relative link to the same directory?

Answer 20

Name of the file

Question 21

What is the purpose of an HTML form element?

Answer 21

a way to capture data from users

Question 22

Give 5 examples of form control elements.

Answer 22

, , , ,

Question 23

Give 3 examples of type attribute values for HTML elements.

Answer 23

text input, button, dropdown boxes

Question 24

What are the 6 primary HTML elements for creating tables?

Answer 24

, , , , ,

Question 25

What purpose do the and elements serve?

Answer 25

Semantic elements that divide heading content from body content. The table body element contains the table rows () that make up the body of the . The table head element contains the head of the columns in the table.

Question 26

Give 2 examples of data that would lend itself well to being displayed in a table.

Answer 26

Budget reports, Recording habits, Sports stats

Question 27

What are the names of the individual pieces of a CSS rule?

Answer 27

elements, properties, values

Question 28

In CSS, how do you select elements by their class attribute?

Answer 28

.class name { }

Question 29

In CSS, how do you select elements by their type?

Answer 29

matches element name (ex. body{ }, h1 { }

Question 30

In CSS, how do you select an element by its id attribute?

Answer 30

#id name (ex. id = "name" --> #name{ } )

Question 31

Name 3 different types of values you can use to specify colors in CSS.

Answer 31

RBC values, HEX codes, color names, keyword, hue saturation, brightness, RGBA

Question 32

What CSS properties make up the box model?

Answer 32

border, margin, padding, content, height + width

Question 33

Which CSS property pushes boxes away from each other?

Answer 33

Margin

Question 34

Which CSS property add space between a box's content and its border?

Answer 34

Padding

Question 35

What is pseudo-class?

Answer 35

"A pseudo-class is a selector that selects elements that are in a specific state, e.g. they are the first element of their type, or they are being hovered over by the mouse pointer."

Question 36

What are the CSS pseudo classes useful for?

Answer 36

Ex. useful for making a page more interactive, and other things. Lots of other things.

Question 37

Name 2 types of units that can be used to adjust font size.

Answer 37

Pixels + Percentages

Question 38

What CSS property controls the font used for the text inside an element?

Answer 38

Font-family