HTML

Question 1

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

Answer 1

In the head element

Meta data e.g. Title are in the head element

Question 2

Where do you put visible content about the HTML document?

Answer 2

In the body element

E.g. h1-h6, p, ul, ol, li elements

Question 3

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

Answer 3

In the html element (head element is above the body element)

Question 4

What is the purpose of a DOCTYPE declaration?

Answer 4

To tell the browser what type of document is being used

specifically with HTML it was used for which version of HTML was being used

Question 5

Give five examples of HTML element types.

Answer 5

head
body
h1 - h6
p
ul
ol
li
div

Question 6

What is the purpose of HTML attributes?

Answer 6

To provide additional information on the content of an element

E.g. Class, ID, src…

Question 7

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

Answer 7

Less Than <
Greater Than >
Ampersand & 
Cent ¢ 
Pound £ 
Yen ¥ 
Euro € 
Copyright © 
Registered trademark ® 
Trademark ™ 
Multiplication × 
Division ÷

Question 8

How do block-level elements affect the document flow?

Answer 8

Block level elements always start on a new line. They do not allow any other elements on the same line as them.

Example Block Elements:
ul
ol
li
h1-h6
p
div

Question 9

How do inline elements affect the document flow?

Answer 9

Inline elements will continue on the same line. They allow other elements to be on the same horizontal line.

Example Inline Elements:
button
span
strong
em

Question 10

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

Answer 10

Width: width of its containing block

Height: height of content

Question 11

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

Answer 11

Width: width of content

Height: height of content

Question 12

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

Answer 12

An ordered list numbers each line in ascending order and an unordered list shows each item next to a bullet point.

OL:
1.
2.
3.

-
-

Question 13

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

Answer 13

Block element because it lists each item on its own line.

Question 14

What HTML tag is used to link to another website?

Answer 14

Anchor Tag (the a element)

a href=”link”

Question 15

What is an absolute URL?

Answer 15

An absolute URL is a link to a specific URL on the web (can be a completed different website [href is the full web address] )

E.g.
a href=”https://www.google.com”

Question 16

What is a relative URL?

Answer 16

A relative URL is a link to other pages within the same site (href does not need the domain name)

E.g.
a href=”index.html”

Question 17

“What is the internet?”

Answer 17

The internet is a global network of computers that are connected to each other. Every computer on the public Internet has an IP address

Question 18

“How does the web work?”

Answer 18

1. Your browser needs to know what a domain name means. A DNS (domain name system) lookup is performed to translate the domain name into an IP address.
2. The browser then opens a TCP connection to the computer at the IP address.
3. The browser then sends an HTTP request to the computer at the IP address.
4. The browser receives a response from the computer at that IP address (originally this was an HTML document).

Question 19

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

Answer 19

WIth ../

Example:
href=”../filename”

Question 20

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

Answer 20

With the folder name / file name

Example:
href=”foldername/filename”

Question 21

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

Answer 21

You use a ,,/ for each directory you want to move up (grandparent is 2 directories above so 2 ../)

Example:
href=”../../filename”

Question 22

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

Answer 22

You can just link the file name.

Example:
href=”filename”

Question 23

What is the purpose of an HTML form element?

Answer 23

The HTML form element houses the section of the HTML document that contains interactive controls for submitting information

Question 24

Give five examples of form control elements.

Answer 24

Button
Input - the input type is noted in the type attribute
Select - used to create a dropdown selection element
option - used to provide options for the dropdown selection element
textarea - used to provide a block to input larger amounts of text in

Question 25

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

Answer 25

Radio - circular select button
Checkbox
text
password - text input that hides the text
submit
file
image

Question 26

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

Answer 26

It is an inline block element. Even though it puts information on the same line, because the height and width can be adjusted it gives it properties of a block element.

Question 27

What are the six primary HTML elements for creating tables?

Answer 27

Table
  thead
    tr
     th
  tbody

  td

Question 28

What purpose do the thead and tbody elements serve?

Answer 28

The thead element is used to define the row of elements at the top of the table (essentially column names) whereas the tbody element is used to define the content of the table.

Question 29

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

Answer 29

Students & Grades, Items & Pricing, Schedules, Information checkboxes