HTML Flashcards

1
Q

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

A

Head element

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

Body element

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

Where do the tags go in a valid HTML document?

A

Html element

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

What is the purpose of a declaration?

A

Tells the webpage the type of document they will be working with, typically html

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, body, head, h1, h2, h3, h4, h5, h6, p, br

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

Gives more direction and information on what and where the attribute will go on the webpage

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)

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

They start on a new line and take up the whole length of the block. They do not allow anything on their sides. Anything left gets pushed up and anything right gets pushed down.

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

How do inline elements affect the document flow?

A

They only affect the text content that is contained within the element
General <span> used if you want text content in the same element.
</span>

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

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

A

Same as the full width of its parent container. Height is dictated by the content.

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

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

A

The width and height are dependent on its content.

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 list is numbered, starting from 1. Unordered lists are just listed 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

Anchor<a> tag element with href attribute </a>

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

What is an absolute URL?

A

The URL is a full web address that’ll link to a different website.

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

What is a relative URL?

A

This is not a full web address and links to other pages within the same website but using folders, using syntax to locate the folder in relation to the current page.

17
Q

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

A

Use .. to indicate the folder above the current one then follow with the file name
Ex. ../index.html

18
Q

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

A

Use the name of the child folder followed by forward slash and then the file name
Ex. music/listings/html

19
Q

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

A

Use the ../../ (use the 2 dots 2x)

Ex. ../../index.html

20
Q

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

A

Use the file name

Ex. reviews.html

21
Q

What is the purpose of an HTML form element?

A

To collect information

ex. collecting info for subscribing, payment info, surveys

22
Q

Give five examples of form control elements.

A

Input, text area, size, select, button, file, option, form

**input self closing tag after changing the type attribute will change it into many other elements

23
Q

Give three examples of type attribute values for HTML elements

A

Hidden, image, file, submit, radio, checkbox, src, text

24
Q

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

A

Inline-block (neither or both)

It’s considered both because you can adjust the height and width while also allowing text on the side.

25
Q

What are the six primary HTML elements for creating tables?

A

Tr(table row starts a new row), th(typically bolded and centered in the column), td(table data always horizontal), thead, tbody, col, colgroup, caption, table

26
Q

What purpose do the thead and tbody elements serve?

A

Thead contains headings of the table

Tbody holds in all the body data that is encased within the table

27
Q

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

A

Financial reports/annual reports, schedules, sports team data