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

Nested as a child of the HTML element.

Question 4

What is the purpose of a !DOCTYPE declaration?

Answer 4

To let the browser know what type of documentation to display.

Question 5

Give five examples of HTML element tags.

Answer 5

head, body, html, div, span

Question 6

What is the purpose of HTML attributes?

Answer 6

To give more information about an element; makes it special or unique from other elements.

Question 7

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

Answer 7

trademarks, copyrights, greater than, less than, etc

Question 8

How do block-level elements affect the document flow?

Answer 8

They start on a new line and take up the entire line.

Question 9

How do inline elements affect the document flow?

Answer 9

They only take up the space they need and can remain on the same line.

Question 10

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

Answer 10

The default width is 100% of the viewpoint and height is usually set to auto (how much it needs).

Question 11

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

Answer 11

Default width and height are measured by exactly how much they need.

Question 12

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

Answer 12

An ordered list displays in a numbered order. An unordered list is displayed with bullet points.

Question 13

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

Answer 13

It is a block element.

Question 14

What HTML tag is used to link to another website?

Answer 14

With an a tag.

Question 15

What is an absolute URL?

Answer 15

When the value of href(attribute) is linked to another page in another website.

Question 16

What is a relative URL?

Answer 16

It is a link to another page or section within the same site.

Question 17

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

Answer 17

It is indicated by ../

Question 18

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

Answer 18

Using the name of the directory followed by ‘/’ and then the name of the file.

Question 19

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

Answer 19

It is indicated by ../../ and then the name of the file.

Question 20

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

Answer 20

It is indicated by just the name of the file.

Question 21

What is the purpose of an HTML form element?

Answer 21

To let users input data or information and allows us to collect that data.

Question 22

Give five examples of form control elements.

Answer 22

form, input, text area, select (drop down list box), button, labels

Question 23

Give three examples of type attributes for HTML elements.

Answer 23

text, password, radio, checkbox, file, submit, image

Question 24

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

Answer 24

It is an inline element.

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

table, tr(table row), td(table data), th(table heading), thead(heading of the table should sit inside), tbody(the body of the table should sit inside), tfoot(the footer of the table should sit inside)

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

It helps us distinguish what goes inside the heading of the table and the data that is inserted into the table. It also helps people who use screen readers.

Question 27

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

Answer 27

A box score to a sports game, sales records for a company

Question 28

What is the event.target?

Answer 28

the element where the event started from or dispatched from

Question 29

Why is it possible to listen for events on one element that actually happen its descendent elements?

Answer 29

due to event bubbling

Question 30

What DOM element property tells you what type of element it is?

Answer 30

event.target.tagName

Question 31

What does the element.closest() method take as its argument and what does it return?

Answer 31

argument is a string containing a css selector and it returns the DOM element object that matches that selector

Question 32

How can you remove an element from the DOM?

Answer 32

the remove method. call that on the element you want to remove

Question 33

If you wanted to insert new clickable DOM elements into the page using JavaScript, how could you avoid adding an event listener to every new element individually?

Answer 33

by using event delegation. can use an if statement not equal to ‘element in capital letters / attaching it to the element that contains the element you are trying to manipulate