LEARNINGFUZE Flashcards

(43 cards)

1
Q

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

A

In the head 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

In the body tags

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

Where do thehead andbody tags go in a valid HTML document?

A

under the html tag

head first and then body

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

What is the purpose of a!DOCTYPEdeclaration?

A

to make sure the relevant code is written and read according to the document type.

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

Give five examples of HTML element tags.

A

head, body, title, h1, p

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

to give more information about the HTML elements and to help add detail to the elements

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
reg = registered trademark
$copy = copyright symbol
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

it occupies the entire horizontal space of its parent element

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 occupy the space bounded by the tags defining the element instead of breaking the flow of the content.

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

A block-level element always starts on a new line and takes up the full width available

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

An inline element does not start on a new line and only takes up as much width as necessary.

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

an ordered list is numbered and an unordered list is bullets

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

It is an 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 tag

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

What is an absolute URL?

A

An Absolute URL is needed when you are entering into a completely new site and therefore you need the entire URL to access it

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

What is a relative URL?

A

a relative URL is a reference in which the URL does not need to be fully written because the link is on the same website or the same folder/project

target=“_blank - opens up link to a new tab

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

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

A

Music/listing.html

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

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

A

../../index.html

19
Q

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

20
Q

What is the purpose of an HTML form element?

A

to allow the user to enter data for other people to use

20
Q

What is the purpose of an HTML form element?

A

to allow the user to enter data for other people to use

21
Q

Give five examples of form control elements.

A

textarea, input, form, label, button

22
Q

Give three examples oftypeattributes for HTMLelements.

A

checkbox, text, submit

23
Q

Is an HTMLelement a block element or an inline element?

24
What are the six primary HTML elements for creating tables?
table, thead, tr, th, tbody, td,
25
What purpose do the thead and tbody elements serve?
thead holds all the content that would be in the head ⁃tbody holds all the content in the body ⁃they provide semantic for coders
26
Give two examples of data that would lend itself well to being displayed in a table.
sports results, stock reports
27
What are the names of the individual pieces of a CSS rule?
selector, declaration block, property, value
28
In CSS, how do you select elements by their class attribute?
.classattribute
29
In CSS, how do you select elements by their type?
stating it | h1) (h2
30
In CSS, how do you select an element by its id attribute?
#element
31
CSS Terminology
rule set for the blank selector | opening curly brace for the declaration block
32
Name three different types of values you can use to specify colors in CSS.
Hex Codes, RGB, color Names
33
What CSS properties make up the box model?
border, margin, padding
34
What CSS properties make up the box model?
border, margin, padding
35
Which CSS property pushes boxes away from each other?
margin
36
Which CSS property add space between a box's content and its border?padding
padding
37
What is a pseudo-class?
keyword added to a selector that specifies a special state of the selected element(s).
38
What are CSS pseudo-classes useful for?
to change the appearance of elements when a user is interacting with them.
39
Name at least two units of type size in CSS.
Pixels Percentages, EMs
40
What CSS property controls the font used for the text inside an element?
font-family
41
What is the default flex-direction of a flex container?
row
42
What is the default flex-wrap of a flex container?
All in one line