HTML

Question 1

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

Answer 1

head tag

Question 2

Where do you put the visible content of the HTML document?

Answer 2

body tag

Question 3

What is the purpose of a declaration?

Answer 3

to tell a browser which version of HTML is being used

Question 4

Give five examples of HTML element types.

Answer 4

head, body, img, div, h1-6, p, a, span…

Question 5

What is the purpose of HTML attributes?

Answer 5

they tell us more about the content of the html element to which they are assigned

Question 6

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

Answer 6

&_amp; = &
&_copy; = copyright symbol
&_reg; = registered trademark
&_trade; = TM trademark

[without the _ ]

Question 7

How do block-level elements affect the document flow?

Answer 7

– structure of the page
– they always start a new line in the window
– a new chunk of info to display
– headers, paragraphs, lists, etc
Examples of block elements are h1, p, ul, li

Question 8

How do inline elements affect the document flow?

Answer 8

– semantic info, emphasis
– continue on the same line as neighbouring elements
– modify/effect small parts of a larger whole
– italicize, bolden, quote, links, line breaks, etc

Question 9

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

Answer 9

– one line high and as wide as can be
A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).

Question 10

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

Answer 10

– one line high and only as wide as needed
Inline elements are those which only occupy the space bounded by the tags defining the element, instead of breaking the flow of the content.

Question 11

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

Answer 11

– ordered is sequentially numbered (ie: instruction steps) (ol, li)
– unordered is a general bullet-pointed list (ie: grocery list) (ul, li)
– definition lists is to define terminology (dl, dt, dd)

Question 12

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

Answer 12

block element

Question 13

What HTML tag is used to link to another website?

Answer 13

– a, anchor tag
a href=”url”>link description text a

Question 14

What is an absolute URL?

Answer 14

the full web address for an external site/link

Question 15

What is a relative URL?

Answer 15

links to local pages/content within the same site

Question 16

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

Answer 16

Use ../ to indicate the folder above the current one, then follow it with the file name.

a href=”../index.html”>Home

Question 17

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

Answer 17

For a child folder, use the name of the child folder, followed by a forward slash, then the file name.

a href=”folder/listings”>Listings /a

Question 18

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

Answer 18

Use the name of the child folder, followed by a
forward slash, then the name of the grandchild
folder, followed by another forward slash, then the
file name.

a href=”movies/dvd/reviews.html”>Reviews a

Question 19

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

Answer 19

To link to a file in the same folder, just use the file name.

a href=”reviews.html”>Reviews

Question 20

How do you open links into new tabs?

Answer 20

Use the target attribute with the value “_blank”.

Question 21

What is the purpose of an HTML form element?

Answer 21

– to collect information from the user

The element represents a document section containing interactive controls for submitting information.

Question 22

Give five examples of control elements.

Answer 22

input, label, select, textarea, fieldset, legend, button, dataset, output, option, optgroup

Question 23

Give three examples of type attribute values for HTML elements.

Answer 23

– type=”text : for text field
– type=”password” : for hidden pw input
– type=”checkbox” : for selecting one or more options
– button, color, date, email, file, image, range, etc…

Question 24

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

Answer 24

inline

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

table, tr, td, th
thead, tbody, tfoot

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

– thead stores the table headings

The thead element defines a set of rows defining the head of the columns of the table.

– tbody stores the body of the table

The tbody element encapsulates the table rows elements, indicating that they comprise the body of the table.

– tfoot is used for lengthy tables that extend several page, encloses the table so the thead content will show as you scroll.

Question 27

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

Answer 27

grades, scores, financial reports, schedules