HTML

Question 1

HTML-SKELETON

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

Answer 1

Within the head element

Question 2

HTML-SKELETON

Where do you put visible content about the HTML document?

Answer 2

Within the body element

Question 3

HTML-SKELETON

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

Answer 3

in the HTML element

Question 4

HTML-SKELETON

What is the purpose of a !DOCTYPE declaration?

Answer 4

To let the web browser know which version of HTML the page is written in

Question 5

HTML-SYNTAX

Give five examples of HTML element types.

Answer 5

head, body, h1, p, div, etc.

Question 6

HTML-SYNTAX

What is the purpose of HTML attributes?

Answer 6

Attributes define additional characteristics or properties of the element

Question 7

HTML-SYNTAX

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

Answer 7

&co py; (remove space between co and py) for copyright symbol, etc.

Question 8

HTML-BLOCK-AND-INLINE

How do block-level elements affect the document flow?

Answer 8

takes all the space horizontally (width) and as much space as it needs vertically.

Question 9

HTML-BLOCK-AND-INLINE

How do inline elements affect the document flow?

Answer 9

uses the space within the block. Does not start a new line.

Question 10

HTML-BLOCK-AND-INLINE

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

Answer 10

width: 100%;
height: auto;

Question 11

HTML-BLOCK-AND-INLINE

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

Answer 11

width: auto;
height: auto;

Question 12

HTML-LISTS

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

Answer 12

ordered list = numbered list, etc.

unordered list = bullet points, etc.

Question 13

HTML-LISTS

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

Answer 13

block element

Question 14

HTML-LINKS

What HTML tag is used to link to another website?

Answer 14

a tag (anchor) with href=”…link”>click here

Question 15

HTML-LINKS

What is an absolute URL?

Answer 15

a link that is a website link

Question 16

HTML-LINKS

What is a relative URL?

Answer 16

A link that is in internal (the same website)

i.e. /file.html

Question 17

HTML-RELATIVE-LINKS

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

Answer 17

../foldername(if any)/filename

Question 18

HTML-RELATIVE-LINKS

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

Answer 18

foldername(if any)/filename

Question 19

HTML-RELATIVE-LINKS

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

Answer 19

../../foldername(if any)/filename

Question 20

HTML-RELATIVE-LINKS

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

Answer 20

filename

Question 21

HTML-FORMS

What is the purpose of an HTML form element?

Answer 21

represents a document section containing interactive controls for submitting information.

Question 22

HTML-FORMS

Give five examples of form control elements.

Answer 22

select, option, input, button, textarea, etc

Question 23

HTML-FORMS

Give three examples of type attribute values for HTML input elements.

Answer 23

radio, checkbox, value, etc

Question 24

HTML-FORMS

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

Answer 24

inline

Question 25

Others: What is the difference between div and span?

Answer 25

div = default for block element
span = default for inline element

Question 26

HTML-FORMS Others:

What is the purpose of “name” attribute in radio inputs?

Answer 26

makes sure you can only choose one option

Question 27

HTML-TABLES

What are the six primary HTML elements for creating tables?

Answer 27

table, thead, tbody, th, tr, td

Question 28

HTML-TABLES

What purpose do the thead and tbody elements serve?

Answer 28

thead = for header column
tbody = for content itself

Question 29

HTML-TABLES

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

Answer 29

city and populations

students and grades