HTML

Question 1

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

Answer 1

< head >

Question 2

Where do you put visible content about the HTML document?

Answer 2

< body >

Question 3

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

Answer 3

Within the < html > tags.

Question 4

What is the purpose of a < !DOCTYPE > declaration?

Answer 4

To tell the browser what kind of doc it is.

Question 5

What is the purpose of HTML attributes?

Answer 5

To provide more information about the elements.

Question 6

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

Answer 6

© for Copyright

Question 7

How do block-level elements affect the document flow?

Answer 7

Will take up the whole line.

Question 8

How do inline elements affect the document flow?

Answer 8

Will only take up as much space as necessary, will share the line with other elements.

Question 9

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

Answer 9

Width: 100%; Height: As much as necessary.

Question 10

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

Answer 10

Width: As much as necessary; Height: As much as necessary.

Question 11

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

Answer 11

Ordered lists use an order, for example numbers; unordered lists are not ordered and use bullet points.

Question 12

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

Answer 12

Block.

Question 13

What HTML tag is used to link to another website?

Answer 13

< a >

Question 14

What is an absolute URL?

Answer 14

To an external website. The full path.

Question 15

What is a relative URL?

Answer 15

To a different part of the same website. Partial path.

Question 16

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

Answer 16

../file

Question 17

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

Answer 17

folderName/fileName

Question 18

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

Answer 18

../../file

Question 19

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

Answer 19

fileName

Question 20

What is the purpose of an HTML form element?

Answer 20

To obtain user input.

Question 21

Give five examples of form control elements.

Answer 21

1. input 2. button 3. select 4. textarea 5. option

Question 22

Give three examples of type attributes for HTML

< input > elements.

Answer 22

1. text 2. radio 3. checkbox

Question 23

Is an HTML < input > element a block element or an inline element?

Answer 23

Inline.

Question 24

What are the six primary HTML elements for creating tables?

Answer 24

table / thead / tbody / tr / td / th

Question 25

What purpose do the thead and tbody elements serve?

Answer 25

To separate the table heading from its body. Also helpful for DOM manipulation.

Question 26

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

Answer 26

Financial reports.

Show times.

Question 27

When would you use the disabled attribute on an option?

Answer 27

If you do not wish to allow a user to choose that option.

Question 28

Why would you use a < button > element for submit if you can use input type=submit?

Answer 28

For additional styling of the submit button. Buttons can also have children.

Question 29

When would you use the placeholder attribute?

Answer 29

To insert text in gray shade in a textbox. This is not an actual value.

Question 30

Where should the < br > tag be used?

Answer 30

Within a paragraph, not between form elements, rather use a div for that.

Question 31

What are 2 ways that you can associate a label with an input element?

Answer 31

1. Using a for attribute on the label, same as id of input element. 2. you can nest the < input > directly inside the < label >

Question 32

What does setting meta tag with device-width do?

Answer 32

It makes that the mobile device should not load a virtual screen size, so that media queries should be effective