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

Within the HTML Element

Question 4

HTML-SKELETON

What is the purpose of a !DOCTYPE declaration?

Answer 4

Declaration that tells the browser what version of HTML the document is written in

Question 5

HTML-SYNTAX

Give five examples of HTML element types.

Answer 5

head element, body element, h1 element, p (paragraph) element, div element, etc.

Question 6

HTML-SYNTAX

What is the purpose of HTML attributes?

Answer 6

Attributes indicates what kind of extra information you are supplying about the element’s content/define additional characteristics or properties of the element

Question 7

HTML-SYNTAX

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

Answer 7

“& + copy” is copyright symbol;

& is ampersand symbol

Question 8

HTML-BLOCK-AND-INLINE

How do block-level elements affect the document flow?

Answer 8

Block-level elements 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

Inline elements 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

An HTML list is a 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

An absolute URL is 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);

example: /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

HTML form element 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 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 element

Question 25

HTML-FORMS 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

The name attribute is used to identify form data after it has been submitted to the server, or to reference form data using JavaScript on the client side.

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;