HTML

Question 1

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

Answer 1

• ordered lists are lists where each item in the list is numbered (eg: steps for a recipe that must be performed in order)
• unordered lists are lists that begin with a bullet point (rather than characters that indicate an order of things)

Question 2

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

Answer 2

a block element

Question 3

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

Answer 3

head element (for instance, users cant see meta tags on a web page)

Question 4

Where do you put visible content about the HTML document?

Answer 4

body element

Question 5

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

Answer 5

in the body element

head and body elements are siblings of each other

Question 6

What is the purpose of a !DOCTYPE declaration?

Answer 6

to tell a browser which version of HTML the page is using

Question 7

Give five examples of HTML element tags

Answer 7

img, h1, body, main, div

Question 8

What is the purpose of HTML attributes?

Answer 8

to tell us more about the element

Question 9

Give an example of an HTML entity (escape character)

Answer 9

& c o p y ;

Question 10

How do block-level elements affect the document flow?

Answer 10

• they take up the full width available
• start on a new line
• has top and bottom margin

Question 11

How do inline elements affect the document flow?

Answer 11

• they take up as much width as necessary

- don’t start on a new line

Question 12

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

Answer 12

height: takes up as much height as necessary
width: 100%

Question 13

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

Answer 13

height: takes up as much width as necessary
width: takes up as much width as necessary

Question 14

What HTML tag is used to link to another website?

Answer 14

a tag / anchor tag

users can click on anything in between the opening <a> tag and the closing </a> tag (the text users click on is known as a link text)

you specify which page you want to link to using the href attribute

Question 15

What is an absolute URL?

Answer 15

a link to a different website where the href attribute is the full web address for the site

an absolute URL includes an https protocol

Question 16

What is a relative URL?

Answer 16

a link to other pages within the same site and you can locate it by calling its folder and or file

Question 17

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

Answer 17

../ to indicate the folder above the current one and follow it with the file name

from relative link to home page (parent directory): ../index.html

Question 18

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

Answer 18

use the name of the child folder followed by a forward slash and then the file name

from relative link (eg. home page) to music listings (child directory): music/listings.html

Question 19

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

Answer 19

use ../ twice to indicate that you want to go up two folders then follow it with the file name

from relative link (eg. DVD reviews) to home page (grandparent folder): ../../index.html

Question 20

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

Answer 20

use the file name

to link from relative link or music homepage to music reviews: reviews.html

Question 21

What is the purpose of an HTML form element?

Answer 21

to collect information from users

Question 22

Give five examples of form control elements.

Answer 22

text input, password input, text area, radio button, checkbox, drop-down list box, multiple select box, submit button, etc..

Question 23

Give three examples of type attributes for HTML elements.

Answer 23

text, password, submit

Question 24

Is an HTML 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 row
table data
table heading
tbody
thead

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

to distinguish between the main content of the table and the headings of the table

Question 27

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

Answer 27

movie schedules and financial reports