HTML Flashcards

1
Q

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

A

Ordered List = Numbered List

Unordered List = Bullet Point List

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

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

A

List elements = ol , ul , dl

Block Element

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

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

A

Head Element

Non-visible / Metadata content is stored in the head element of the HTML document.

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

Where do you put visible content about the HTML document?

A

Body Element

All visible content on the HTML document is stored in the Body Element.

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

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

A

head tag goes right after the html tag

body tag is placed after the head tag

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

What is the purpose of a DOCTYPE declaration?

A

DOCTYPE declaration is used to tell the browser which version of HTML the page is using

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

Give five examples of HTML element types.

A

<p></p>

<span></span><em></em><strong></strong><h1></h1> - <h6></h6><ul></ul><ol></ol><li><a></a></li>

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

© = copyright

® = registered trademark

& = ampersand(&)

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

How do block-level elements affect the document flow?

A

Block-level elements start a new line and take up 100% of the width available

height: auto;
width: 100%;

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

How do inline elements affect the document flow?

A

Inline elements do not break the flow of the document and only occupy the space bounded by its tags.

height: auto
width: auto

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

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

A

block-level element:

height: auto;
width: 100%;

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

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

A

Inline element:

Height: auto;
Width: auto;

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

Anchor (a) tag is used to link to another website

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

What is an absolute URL?

A

Absolute URL is used to link to a different website and will include the full URL.

e.g. https://www.google.com

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

What is a relative URL?

A

Relative URL is used to link to page within the same site and will consist of just the path name.

e.g. /project/index.html

17
Q

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

A

Two periods and a forward slash refers to a link to the parent directory

../index.html

18
Q

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

A

child directory name followed by a forward slash and then the file in the directory

child/index.html

19
Q

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

A

Two periods + Forward Slash + Two periods + Forward Slash + file name

../../index.html

20
Q

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

A

Only need the name of the file in the same directory

index.html

21
Q

What is the purpose of an HTML form element?

A

HTML form elements allows the page to collect information from the user.

22
Q

Give five examples of form control elements.

A
input element
select element
fieldset element
button element
textarea element
legend element
option element
23
Q

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

A
Type = 
"radio"
"checkbox"
"text"
"file"
"submit"
"password"
"hidden"
24
Q

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

A

HTML < input > element is an inline element

25
Q

What are the six primary HTML elements for creating tables?

A
table
thead
tbody
tr
th
td

tfoot (optional)

26
Q

What purpose do the thead and tbody elements serve?

A

Header content of the table belong inside thead element

Body content of the table (data and such) belong inside tbody element

27
Q

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

A

Grades

Calendars/Schedules

Planner

Product price comparison