HTML

Question 1

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

Answer 1

Non-visible content goes in the head. meta,title etc etc

Question 2

Where do you put visible content about the HTML document?

Answer 2

Body element contains all the visible content the viewport will see

Question 3

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

Answer 3

They go inside of the html tags and are it’s children (with head and body themselves being sibilings.

Question 4

What is the purpose of a declaration?

Answer 4

The doctype declaration is literally telling the browser which html it’s using.

Question 5

Give five examples of HTML element types.

Answer 5

head, html, div, body, span, p etc etc A TON of html elements exist. Most noteworthy thing is that DOCTYPE is a declaration and specifically not an element

Question 6

What is the purpose of HTML attributes?

Answer 6

Attributes can both modify an element further and provide additional information and context for an element. Most notably they will always contain a NAME and VALUE

Question 7

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

Answer 7

An example of an entity could be < being < All entities begin with & and end with ; If known they can be much more efficient then looking up a symbol could be. As well as writing a symbol that html already has a special purpose for.

Question 8

How do block-level elements affect the document flow?

Answer 8

Block-level elements always start on a newline and create space on the next line after it is finished.

Question 9

How do inline elements affect the document flow?

Answer 9

They affect the document much less, as they do not force line breaks.

Question 10

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

Answer 10

The default width is 100% because it always takes up the maximum horizontally space wise. Vertically they are auto, and take as much space as necessary.

Question 11

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

Answer 11

Inline elements width and height wise are auto. They by design take up the minimum space necessary.

Question 12

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

Answer 12

Ordered lists number things like 1, 2, 3 etc as unordered lists will do something like bullet points.

Question 13

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

Answer 13

ul and ol and even li are all elements that are block elements.

Question 14

What are the six primary HTML elements for creating tables?

Answer 14

table, thead, tbody, td, tr, th

Question 15

What purpose do the thead and tbody elements serve?

Answer 15

thead is the heading, the tbody contains the data

Question 16

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

Answer 16

stocks, calculating a budget

Question 17

What HTML tag is used to link to another website?

Answer 17

The anchor element <a> tag is used to link to another website</a>

Question 18

What is an absolute URL?

Answer 18

An absolute URL is when you use the whole URL as a link. This is often only used when going to somewhere outside of your own webpage.

Question 19

What is a relative URL?

Answer 19

When using relative url, if all of the files are in the same folder. Then the value is just the filename.

Question 20

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

Answer 20

Use the ../ to indicate going one directory above.

Question 21

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

Answer 21

use the filename/file.html or whatever the file type is.

Question 22

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

Answer 22

You use the ../../ to go to the grand parent directory. Note you basically just repeat ../ to go two directories up instead of one. Can repeat as many times as necessary

Question 23

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

Answer 23

You just write out the filename. It should just be right there.

Question 24

What is the purpose of the HTML form element

Answer 24

Creates a boundary that around all the types of control elements. It generally wants to just be surrounding all your inputs. Proper syntax means it’ll always contain all the interactive elements of your document.

Question 25

Give five examples of form control elements.

Answer 25

Select, input, textarea, label, form, button.

Question 26

Give three examples of type attribute values for HTML elements.

Answer 26

radio, search, submit

Question 27

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

Answer 27

input is an inline element