HTML

Question 1

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

Answer 1

Non-visible content goes between the head tags

Question 2

Where do you put visible content about the HTML document?

Answer 2

Visible content should go into the body tags

Question 3

What is the purpose of a < !DOCTYPE > declaration?

Answer 3

is used to tell the browser what version of HTML we are using.

Question 4

Give five examples of HTML element types.

Answer 4

img
p
h1 - h6 
span
body
head
html

Question 5

What is the purpose of HTML attributes?

Answer 5

Attributes are extra information being provided about the elements contents

Question 6

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

Answer 6

& l t ; = <
& a m p ; = &

(minus the spaces)

Question 7

How do block-level elements affect the document flow?

Answer 7

Block-level elements take up the entire line of a document. They start on new lines and take up the entire line.

Question 8

How do inline elements affect the document flow?

Answer 8

Inline elements will stay on the same line as the neighboring content.

Question 9

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

Answer 9

Default width is the width of the container, the full width available. “100%”

Default height is the height of the content, “auto”

Question 10

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

Answer 10

Default width is the width of the content. “Auto”

Default height is the height of the content. “Auto”

Question 11

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

Answer 11

<ol> Ordered list - items are ordered. 1, 2, 3.

| </ol>

<ul> Unordered list - lists that are bullet points</ul>

Question 12

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

Answer 12

ordered and unordered lists are both block elements

Question 13

What HTML tag is used to link to another website?

Answer 13

the anchor tag “< a >” (without spaces)

Question 14

What is an absolute URL?

Answer 14

The full web address for an external website

Question 15

What is a relative URL?

Answer 15

Links to other pages within the same website

Question 16

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

Answer 16

In the href, include “../” in front of the file name

Ex href = “../index.html” (isn’t always index, must be the name of the direct parent file

Question 17

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

Answer 17

In the href, include the name of the child folder, and then the page you would like to redirect to

Ex href = “music/listings.html”

Question 18

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

Answer 18

Similar to the parent directory, but you include “../” for every step you want to go up

Ex href = “../../index.html”

Question 19

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

Answer 19

Set href to the name of the file you want to redirect to, nothing else is needed.

Question 20

What is the purpose of an HTML form element?

Answer 20

To collect information from users that visit the website

Question 21

Give five examples of form control elements.

Answer 21

< input >

< textarea >

< select >

< label >

< button >

< fieldset >

Question 22

Dropdown menus

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

Answer 22

type=”input” (text input)

type=”password” (hidden text input for passwords

type=”radio” (single selection boxes.

Question 23

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

Answer 23

Inline

Question 24

What are the six primary HTML elements for creating tables?

Answer 24

table
thead
tbody
tr
td
th

(each of these need to be surrounded by tags < > when using in html)

Question 25

What purpose do the thead and tbody elements serve?

Answer 25

thead defines the rows that define the “headings” of the table

tbody defines the body of the table. holds the < tr > elements that set the number of rows in a table.

Question 26

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

Answer 26

sports results
stock reports
financial reports
calendars

Question 27

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

Answer 27

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