HTML

Question 1

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

Answer 1

Inside the head tags.

Question 2

Where do you put visible content about the HTML document?

Answer 2

Inside the body tags.

Question 3

Where do the head and body tags go in a valid HTML document?

Answer 3

Inside the html tags.

Question 4

What is the purpose of a !DOCTYPE declaration?

Answer 4

To tell the browser what version of HTML the page is using.

Question 5

Give five examples of HTML element tags.

Answer 5

head, title, body, h1, p tags

Question 6

What is the purpose of HTML attributes?

Answer 6

To provide additional information for the content of an element.

Question 7

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

Answer 7

& sign, copyright sign

Question 8

How do block-level elements affect the document flow?

Answer 8

They create a new line.

Question 9

How do inline elements affect the document flow?

Answer 9

They appear on the same line as their neighboring elements.

Question 10

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

Answer 10

A Block-level element occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents.

Question 11

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

Answer 11

An inline element does not start on a new line and only takes up as much width as necessary.

Question 12

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

Answer 12

The items in the ordered list begin with a number.

The items in the unordered list begin with a bullet point.

Question 13

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

Answer 13

Block element.

Question 14

What HTML tag is used to link to another website?

Answer 14

“<a>” anchor tag.</a>

Question 15

What is an absolute URL?

Answer 15

A full web address for another site.

Question 16

What is a relative URL?

Answer 16

A path linking to another page in the same site.

Question 17

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

Answer 17

Use ../

Question 18

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

Answer 18

Use the name of the child folder, followed by a forward slash, then the file name.

Question 19

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

Answer 19

../../and the file name

Question 20

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

Answer 20

just use the file name and ./??

Question 21

What is the purpose of an HTML form element?

Answer 21

An HTML form is to collect information from users, allow users to search or perform other functions online.

Question 22

Give five examples of form control elements.

Answer 22

input, textarea, select, button, label

Question 23

Give three examples of type attributes for HTML elements.

Answer 23

text, submit, radio,

Question 24

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

Answer 24

Inline.

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

table, tr, th, td, thead, tbody, tfoot

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

separate the table content to heading and body, allows you to style them differently and also it helps people who use screen reader.

Question 27

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

Answer 27

TV schedule, bank statement

Question 28

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

Answer 28

selector (selector group)and declaration block

Question 29

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

Answer 29

a dot follow by the value of the class attribute

Question 30

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

Answer 30

just type the element name

Question 31

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

Answer 31

a # pound sign followed by the value of the id attribute

Question 32

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

Answer 32

Color names, RGB values, and Hex codes. (also HSL values)

Question 33

What is a pseudo-class?

Answer 33

A CSS pseudo-class is a keyword added to a selector which allows you to apply a style to the element when a user interacts with it.

Question 34

What are CSS pseudo-classes useful for?

Answer 34

Links, buttons, form controls.

Question 35

What CSS properties make up the box model?

Answer 35

Margin, border and padding.

Question 36

Which CSS property pushes boxes away from each other?

Answer 36

Margin.

Question 37

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

Answer 37

Padding.