HTML Flashcards

1
Q

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

A

inside of the head element

Inside the meta tags

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Where do you put visible content about the HTML document?

A

Inside of the body element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

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

A

The head element goes between the html element and the opening body tag.

The body tag must be inside of the html element and follows the head element.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What is the purpose of the DOCTYPE declaration?

A

It instructs the web browser on which version of HTML you are using. It ensures that the web page is parsed the same way by different web browsers.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Give five examples of HTML element types:

A

html, head, title, body, h1-h6, a(link) , img,

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is the purpose of HTML attributes?

A

additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

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

A

copyright (©) , registered trademark (®) , cent (¢)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

How do block-level elements affect the document flow?

A

block-level elements begin on new lines, they always start on new lines and take up the full width available (stretches out to the left and right as far as it can).

examples: article, aside, div, header, footer, li, ol, ul, h1-h6, main, p, section

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

How does inline elements affect the document flow?

A

only occupy the space bounded by the tags defining the element, instead of breaking the flow of the content. DOES NOT start on a new line, only takes up as much width as necessary.

examples: a, b, button, cite, i, em, strong, img, input, s, script, span, u, sub, sup

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

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

A

the default height and width is the height and width of the content itself.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

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

A

the default height and width is the height and width of the content itself.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

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

A

Ordered lists need to follow a specific order and will begin with a number. Unordered lists do not need to follow a specific order and begin with bullet points.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

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

A

block element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What HTML tag is used to link to another website?

A

a element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What is an absolute URL?

A

When you link to a different website, the href value will be the full website address. An absolute URL starts with the domain name for that site, and can be followed by the path to a specific page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What is a relative URL?

A

When you are linking to other pages WITHIN the same site. They use shorthand versions on absolute URLs because you DO NOT need to specify the domain name.

17
Q

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

A

Use the (../) to go 1 folder above the current one, then the file name

example: ../index.html

18
Q

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

A

use the name of the child directory(folder) followed by a forward slash (/), then file name.

example: music/listings.html

19
Q

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

A

Repeat the (../) two times to go up by 2 folders, then the file name.

example: ../../index.html

20
Q

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

A

just use the file name.

example: index.html

21
Q

What is the purpose of an HTML form element?

A

the form element represents a document section containing interactive controls for submitting information.

22
Q

Give five examples of form control elements:

A

text-input, password input, text-area, radio-buttons, checkboxes, drop-down boxes, submit buttons, image buttons, file upload

23
Q

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

A

type=”text” , type=” password” , type=”file” , type=”submit”

24
Q

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

A

inline element

25
Q

What are the six primary HTML elements for creating tables?

A

table element, thead element, tbody element, th element, tr element, td element, tfooter element

26
Q

What purpose do the thead element and tbody elements serve?

A

The thead element defines a set of rows defining the head of the columns of the table.

The tbody element encapsulates a set of table rows (tr elements), indicating that they compromise the body of the table.

27
Q

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

A

Sports statistics, Stock Market information, anything that can fit into an excel sheet.