Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

General Assembly Prep > General Assembly Prep > Flashcards

General Assembly Prep Flashcards

1
Q

tags

A

HTML documents use to tell the browser how to format our content

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

<h1> </h1>

A

first level heading

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

<p> </p>

A

normal paragraph

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

normal paragraph tag

A

<p> </p>

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

first level heading tag

A

<h1> </h1>

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

— attribute / attributes value

A

attribute is type attribute value is “email”

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

attributes

A

attribute is an option for each tag

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

what is html

A

HTML is the structure of the content that goes inside the tags. Browsers, provide default style, but its pretty ugly by itself.

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

what is CSS

A

CSS controls the style of the HTML content, it lets you change colors, fonts, layout and more

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

<h1> </h1>

A

first level heading

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

<p> </p>

A

normal paragraph

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

normal paragraph tag

A

<p> </p>

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

first level heading tag

A

<h1> </h1>

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

— attribute / attributes value

A

attribute is type attribute value is “email”

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

attributes

A

attribute is an option for each tag

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

what is html

A

HTML is the structure of the content that goes inside the tags. Browsers, provide default style, but its pretty ugly by itself.

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

what is CSS

A

CSS controls the style of the HTML content, it lets you change colors, fonts, layout and more

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

boilerplate - basic structure of every website

A

head
metadata . . . . . . .

body
content …….

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

unordered list tag

A

<ul> used to make navigation bar</ul>

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

how do you use to get info from user

A

an input tag

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

text align options

A

right left center or justify

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

examples of tags that don’t have > end

A

<img></img>

<img></img>

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

background image

A

background: url(“https…”)

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

some url background styling

A

background: url(“http://dash.ga.co/assets/anna-bg.png”);
background-size: cover;
background-position: center;

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

what is padding

A

the edge of an element to whats inside the element

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

what is the header

A

think of the as a container that holds elements, kind of like the body, but for the web page’s header.

27
Q

<ul></ul>

A

unordered list, one of html’s most common tags. We can use it to make a navigation bar.

28
Q

<li>
</li>

A

list item

29
Q

bullet points are crated

A

when you use a unordered list ul or a list item, li

30
Q

<a> </a>

A

anchor link

31
Q

what does the link tag do

A

the link tag works as opposed to the style tag. It allows you to link to a different page instead of having to do it all in your one age of code.

32
Q

link tags two attributes

A

href - where the CSS file lives

ref - always set to “stylesheet”

33
Q

how to make things line up

A

select the right tag in the styling section and put in it display: inline;

34
Q

padding with one value does?

A

padding on all sides

35
Q

padding with four values does

A

Up Right Down Left like clock

36
Q

margin vs padding

A

margin outside, padding inside

37
Q

how create border on image

A

img {
border: 7px solidwhite;
border-radius: 20px;
}

38
Q

can a ul have a background

A

yes an unordered list can have o long stripe background

39
Q

sample anchor link

A

<a></a>

40
Q

what is block display

A

means display whole width of pageand have line breaks before and after

41
Q

controlling width of text on a page example

A 
article {
width 500px;
padding 20px;
margin: 0 auto;
}
42
Q

media query example

A 
@media (max-width: 500px;){
    body{
        background: red;
     }
}
43
Q

advanced colors

A

rgba(0,0,0,0.5)
rgb 0 - 255
a - transparency 0 - 1

44
Q

display which takes up whole width of page

A

block

45
Q

where does padding go to get rid of bullet points

A

ul
ex. ul {
padding: 10px;
}

46
Q

adding some space between list items

A

li {
padding: 0px 10px 0px 10px;
}

47
Q

adding javascript 1

A

$(“button”).on(“click”, function() {alert(“a button was clicked”)});
$
(“button”) - selector chooses element to listen to
.on() - the .on function sets up an event listener for the element we’ve selected
.on(“click”, function() - “click” says what type of event we are listening for

48
Q

getting most pictures to be aligned correctly.

A

body {
margin: 0 auto;
max-width: 600px;
}

49
Q

when adding attributes and attribute values to a tag do you use a comma?

A

no

50
Q

adding class to a tag

A
51
Q

where div and class disagree who wins

A

class

52
Q

line-height:

A

tells us to increase or decrease vertical space between lines

53
Q

getting text to the bottom of a few divs

A 
div {
    position: relative;
}
p {
   position: absolute;
   bottom: 0;
   margin: 0;
}
54
Q

line break

A

<br></br>

55
Q

prices text example

A

<p>marzipan pudding $14<br></br><small>This goes good with stuff</small></p>

56
Q

tag you use to make part of an element display differently than the rest of the element

A

span

57
Q

span example

A

<span>$25</span>

58
Q

block elements verse inline elements

A

block - p, h1, h2, ul, li, div

inline - <a>hyperlinks, images, form fields, span</a>

59
Q

difference between block and inline

A

block take up the whole page width, inline only exist within those lines take up only as much space as they need to.

60
Q

text-align: right; will move any ___ to the right

A

block

61
Q

float

A

float will allow you to move a span or more likely an image around in its container element

62
Q

gradient example

A

background: black;
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,.4));
background: -moz-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,.4));

63
Q

media query example

A 
@media (max-width: 600px;) {
     body {
        background: red;
     {
{

General Assembly Prep (2 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions