HTML

Question 1

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

Answer 1

Non-visible content is placed in the head tag.

Question 2

Where do you put visible content about the HTML document?

Answer 2

Visible content is placed in the body tag.

Question 3

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

Answer 3

The head and body tags belong within the html tag.

Question 4

What is the purpose of a !doctype declaration?

Answer 4

The !doctype declaration lets the browser know what the document contains and/or the version of HTML.

Question 5

Give five examples of HTML element tags.

Answer 5

html - Encompasses the entire project.
head - Used for non-visible elements.
body - Used for visible elements.
p - Paragraph tag.
h1-h6 - Heading tags.

Question 6

What is the purpose of HTML attributes?

Answer 6

HTML Attributes are used to edit the ‘settings’ of the targeted element.

Question 7

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

Answer 7

An escape character is used in text to encode a symbol. e.g. &’amp’ for ‘&’.

Question 8

How do block-level elements affect the document flow?

Answer 8

Block-level elements take up an entire row of screen space and add spacing before and after the content.

Question 9

How do inline elements affect the document flow?

Answer 9

Inline elements do not use extra spacing and simply affect the content selected.

Question 10

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

Answer 10

The default width of a block-level element is equal to the entire horizontal space of its parent element/container. The height is equal to its contents.

Question 11

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

Answer 11

The default height and width of an inline element are equal to the contents.

Question 12

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

Answer 12

An ordered lists will add numerical bullet points to your list items while an unordered lists uses default bullet points.

Question 13

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

Answer 13

An HTML list is a block element. It takes up all horizontal space.

Question 14

What HTML tag is used to link to another website?

Answer 14

The anchor tag, ‘a’.

Question 15

What is an absolute URL?

Answer 15

An absolute URL is a full link to another website.

Question 16

What is a relative URL?

Answer 16

A relative URL is the path to another file within the same server.

Question 17

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

Answer 17

To ‘step out’ into the parent directory you would use ‘../file-name’.

Question 18

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

Answer 18

To ‘step in’ the child element you would use the folder name followed by the file name. e.g. ‘folder/filename’.

Question 19

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

Answer 19

A grandparent directory would be stepping out twice. This can be done with ‘../../filename’.

Question 20

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

Answer 20

For a link to the same directory nothing but the direct filename is needed. e.g. ‘filename’.

Question 21

What is the purpose of an HTML form element?

Answer 21

A form element is used to get values from the user and submit them to a server.

Question 22

Give five examples of form control elements.

Answer 22

form - Used to encapsulate the form and how to send the data to the server.

input - Used to create a section for input from user.

label - Typically a question attached to an ‘input’.

textarea - Creates a textbox for longer text answers.

button - Creates a clickable button.

Question 23

Give three examples of type attributes for HTML input elements.

Answer 23

radio - Creates a single choice prompt out of multiple answers.

checkbox - Creates a multiple choice prompt.

submit - Creates a submit button to send your answers to the server.

Question 24

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

Answer 24

An HTML input element is an inline level element.

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

thead - Encapsulates the header of the table.

th - Differentiates and bolds the header data cells.

tbody - Encapsulates the body of the table.

tr - Creates a table row.

td - Creates a table data cell.

tfoot - Encapsulates the footer of the table.

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

The thead and tbody elements exist to seperate the header of the table and the body of the table. Very helpful for CSS purposes.

Question 27

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

Answer 27

Anything with large amounts of data would be nice for a table. e.g. Accounting data/Grades/etc.