HTML

Question 1

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

Answer 1

In between the head tags/head element

Question 2

Where do you put visible content about the HTML document?

Answer 2

In between the body tags/body element

Question 3

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

Answer 3

In between the element

Question 4

What is the purpose of a declaration?

Answer 4

To tell the browser what kind of HTML document to load

Question 5

Give five examples of HTML element types.

Answer 5

< p >< /p >< h1 > < /h1 >< h2 > h2 >< h3 > < /h3 >< h6> < img > h6>

Question 6

What is the purpose of HTML attributes?

Answer 6

They define additional characteristics or properties of the HTML element.

Question 7

Give an example of an HTML entity (escape character)

Answer 7

& –> &
> –> >< –> <

Question 8

How do block-level elements affect the document flow?

Answer 8

They start on a new line and take up the full available width

Question 9

How do inline elements affect the document flow?

Answer 9

Do not start on a new line

Question 10

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

Answer 10

Width: 100% (of its parent container)
Height: Auto (fits its contents)

Question 11

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

Answer 11

Width: Auto
Height: Auto

(width and height are dependent on the content)

Question 12

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

Answer 12

An ordered list is numbered by default. Sequential list.
And unordered list is bullet points by default. Collection of stuff.

Question 13

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

Answer 13

Block element

Question 14

What HTML tag is used to link to another website?

Answer 14

< a> (anchor element)

Question 15

What is an absolute URL?

Answer 15

A url that contains the protocol and the domain

Question 16

What is a relative URL?

Answer 16

A link that doesn’t include the protocol or domain. Links to another place within your page (something that you have access to)

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.

ex)
< a href=”../index.html”>Home

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.

ex)
< a href=”music/listings.html”> Listings

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.

ex)
< a href=”../../index.html”>Home

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

ex)
< a href=”reviews.html” >Reviews < /a >

Question 21

What is the purpose of an HTML form element?

Answer 21

Sets up the boundaries for an area that the user can interact with

Question 22

Give five examples of form control elements.

Answer 22

input
select & option
textarea
button

Question 23

Give three examples of type attribute values for HTML elements.

Answer 23

text
image
file
submit
password
radio
checkbox

Question 24

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

Answer 24

inline element

Question 25

What are the six primary HTML elements for creating tables?

Answer 25

table
thead
tbody
tr
td
th

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

thead indicates the headings of the table.
tbody indicates the body of the table.
If the table is longer than the screen, the browser will keep the header visible whilst the contents of the table scroll.

Question 27

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

Answer 27

financial reports
tv schedule
sports results
Student Grades
Class Schedule
Roster

Question 28

Which HTML meta tag is used in mobile-responsive web pages?

Answer 28

meta name=”viewport” content=”width=device-width, initial-scale=1”