HTML

Question 1

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

Answer 1

Inside the head element
For meta data (data describing data)

Question 2

Where do you put visible content about the HTML document?

Answer 2

Inside the body element

Question 3

Where do theheadandbodytags go in a valid HTML document?

Answer 3

Inside the html element
head & body are children of html parent
Can also say they are nested

Question 4

What is the purpose of a!DOCTYPEdeclaration?

Answer 4

Tell the browser which version of HTML the page is using so that the browser will render the page correctly

Question 5

Give five examples of HTML element types.

Answer 5

head body p span title html h1 - h6 img

Question 6

What is the purpose of HTML attributes?

Answer 6

Provide additional information about the contents of an element

Question 7

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

Answer 7

> < & “ copyright, registered trademark, trademark, cent sign, multiplication/division sign, single and double quotes

Question 8

How do block-level elements affect the document flow?

Answer 8

Start on a new line and take up the entire width of the page
Stacks on top of each other

Question 9

How do inline elements affect the document flow?

Answer 9

Has potential to share the same space on the same line as their neighboring elements

Question 10

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

Answer 10

Occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents, thereby creating a “block”
Width: 100%
Height: Auto

Question 11

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

Answer 11

Only occupy the space bounced by the tags defining the element, instead of breaking the flow of the content
Width and Height: Auto

Question 12

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

Answer 12

Ordered: each item in the list is numbered
Unordered: item is bullet pointed

Question 13

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

Answer 13

Block
ol, ul, li

Question 14

What HTML tag is used to link to another website?

Answer 14

Anchor tag : a href=””

Question 15

What is an absolute URL?

Answer 15

The full web address for the site
Starts with domain name for that site, can be followed by the path to a specific page

Question 16

What is a relative URL?

Answer 16

Linking to other pages within the same site
Shorthand version of absolute URLs because you do not need to specify the domain name

Question 17

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

Answer 17

Use ../ to indicate the folder above the current one, then follow it with the file name
Link to homepage from the music reviews:
a href=“../index.html”

Question 18

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

Answer 18

For a child folder, use the name of the child folder, followed by a forward slash, then the file name
Link to music listings from the homepage:
a href=“music/listings.html”

Question 19

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

Answer 19

Repeat the ../ to indicate that you want to go up two folders (rather than one), then follow it with the file name
Link to the homepage from the DVD reviews (two files deep):
a href=“../../index.html”

Question 20

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

Answer 20

To link to a file in the same folder, just use the file name (nothing else is needed)
Link to music reviews from the music homepage (same directory):
a href=“review.html

Question 21

What is the purpose of an HTMLformelement?

Answer 21

Sets up boundaries for area with elements which will collect information from visitors to your site

Question 22

Give five examples of form control elements.

Answer 22

Label, Input, Select, Option, Text Area, Button

Question 23

Give three examples oftypeattribute values for HTMLinputelements.

Answer 23

“text” - creates a single-line text input
“password” - creates a text box that acts just like a single-line text input, except the characters are blocked out
“radio” - allow users to pick just one of a number of options
checkbox, file, submit, image, hidden, email, url, search, date

Question 24

Is an HTMLinputelement 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, thead, th, tbody, tr, td, (opt: tfoot)

Question 26

What purpose do thetheadandtbodyelements serve?

Answer 26

Helps distinguish between the first row and main content of the table
thead - defines a set of rows defining the head of the columns of the table
tbody - encapsulates a set of table rows indicating that they comprise the body of the table

Question 27

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

Answer 27

Sports statistics, financial information, client registry, stocks,
calendar, scientific data/research, inventory, paystubs