HTML Flashcards

1
Q

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

A

Unordered list means a bulleted list, and ordered list means a numbered list.

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

What three HTML elements do you use to build a description list?

A

Description list, description term, and description definition.

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

How do you indicate the parent folder in a path?

A

dot dot forward-slash (../), then file name

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

How do you indicate the child folder in a path?

A

name of folder, then forward-slash, then file name

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

How do you indicate the grand parent folder in a path?

A

dot dot forward-slash x2 (../../), then file name

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

How do you indicate the current folder in a path?

A

file name

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

Give five examples of HTML element tags.

A

p, h1, a, html, body, title

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

What is the purpose of HTML attributes?

A

Attributes provide additional information about the contents of an element.

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

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

A

(&)

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

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

A

In the head element

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

Where do you put visible content about the HTML document?

A

In the body element

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

What is the purpose of a !DOCTYPE declaration?

A

To declare what type of document the computer will read

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

What are the six primary HTML elements for creating tables?

A

table, thead, tbody, tr, th, td

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

What purpose do the thead and tbody elements serve?

A

thead contains the table head information, tbody contains the table body information

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

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

A

Any data on a spreadsheet

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

What is an absolute URL?

A

A link to a different website

17
Q

What is a relative URL?

A

A link to a page within the website

18
Q

Why are forms useful?

A

Forms allow to collect and store data input from users

19
Q

What attribute do you have to match between a label and an input?

A

For and id

20
Q

What type of input allows you to select multiple items in a dropdown?

A

select, and option goes inside the select element

21
Q

What is the action of a form?

A

The destination the data is going to

22
Q

What is the purpose of an HTML form element?

A

allows you to collect information from visitors to your site

23
Q

Give five examples of form control elements.

A

text input, password input, text area, radio button, checkbox, drop-down list box, submit button

24
Q

Give three examples of type attributes for HTML elements.

A

text, radio, checkbox, password

25
Why would we choose specific element types when we have elements such as div and span which can be used for anything?
Element types help differentiate content for accessibility
26
What factors contribute to a well-designed HTML document?
SEO, correct functionality with elements
27
How do block-level elements affect the document flow?
with a newline both before and after the element
28
How do inline elements affect the document flow?
only occupy the space bounded by the tags defining the element
29
What are the default width and height of a block-level element?
width is 100% height is auto
30
What are the default width and height of an inline element?
width and height are auto
31
What accessibility considerations must be considered when choosing HTML elements?
using elements like emphasize or strong instead of italicize or bold
32
What is the initial display property of divs?
block
33
What is the difference between display: none and visibility: hidden?
display none element is hidden and removed from doc visibility hidden makes element invisible but still takes up space
34
What is the difference between the block, inline block, and inline display properties?
block takes full width and takes element to new line inline block element can be resized inline
35
Why are CSS resets helpful for cross browser compatibility?
To get every browser on the same page
36
Why is it important to be mindful of what you reset with your CSS resets?
You could reset things you can have errors with later on
37
What is an argument against using CSS resets?
It's more work for the browser
38
What is the default value for the position property of HTML elements?
static
39
Where do the head and body tags go in a valid HTML document?
In the html element