General Assembly Prep

Question 1

tags

Answer 1

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

Question 2

<h1> </h1>

Answer 2

first level heading

Question 3

<p> </p>

Answer 3

normal paragraph

Question 4

normal paragraph tag

Answer 4

<p> </p>

Question 5

first level heading tag

Answer 5

<h1> </h1>

Question 6

— attribute / attributes value

Answer 6

attribute is type attribute value is “email”

Question 7

attributes

Answer 7

attribute is an option for each tag

Question 8

what is html

Answer 8

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

Question 9

what is CSS

Answer 9

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

Question 10

<h1> </h1>

Answer 10

first level heading

Question 11

<p> </p>

Answer 11

normal paragraph

Question 12

normal paragraph tag

Answer 12

<p> </p>

Question 13

first level heading tag

Answer 13

<h1> </h1>

Question 14

— attribute / attributes value

Answer 14

attribute is type attribute value is “email”

Question 15

attributes

Answer 15

attribute is an option for each tag

Question 16

what is html

Answer 16

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

Question 17

what is CSS

Answer 17

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

Question 18

boilerplate - basic structure of every website

Answer 18

head
metadata . . . . . . .

body
content …….

Question 19

unordered list tag

Answer 19

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

Question 20

how do you use to get info from user

Answer 20

an input tag

Question 21

text align options

Answer 21

right left center or justify

Question 22

examples of tags that don’t have > end

Answer 22

<img></img>

<img></img>

Question 23

background image

Answer 23

background: url(“https…”)

Question 24

some url background styling

Answer 24

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

Question 25

what is padding

Answer 25

the edge of an element to whats inside the element

Question 26

what is the header

Answer 26

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

Answer 27

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

Answer 28

list item

Question 29

bullet points are crated

Answer 29

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

Answer 30

anchor link

Question 31

what does the link tag do

Answer 31

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.

Question 32

link tags two attributes

Answer 32

href - where the CSS file lives | ref - always set to "stylesheet"

Question 33

how to make things line up

Answer 33

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

Question 34

padding with one value does?

Answer 34

padding on all sides

Question 35

padding with four values does

Answer 35

Up Right Down Left like clock

Question 36

margin vs padding

Answer 36

margin outside, padding inside

Question 37

how create border on image

Answer 37

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

Question 38

can a ul have a background

Answer 38

yes an unordered list can have o long stripe background

Question 39

sample anchor link

Question 40

what is block display

Answer 40

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

Question 41

controlling width of text on a page example

Answer 41

``` article { width 500px; padding 20px; margin: 0 auto; } ```

Question 42

media query example

Answer 42

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

Question 43

advanced colors

Answer 43

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

Question 44

display which takes up whole width of page

Answer 44

block

Question 45

where does padding go to get rid of bullet points

Answer 45

ul ex. ul { padding: 10px; }

Question 46

adding some space between list items

Answer 46

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

Question 47

adding javascript 1

Answer 47

$("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

Question 48

getting most pictures to be aligned correctly.

Answer 48

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

Question 49

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

Answer 49

no

Question 50

adding class to a tag

Question 51

where div and class disagree who wins

Answer 51

class

Question 52

line-height:

Answer 52

tells us to increase or decrease vertical space between lines

Question 53

getting text to the bottom of a few divs

Answer 53

``` div { position: relative; } p { position: absolute; bottom: 0; margin: 0; } ```

Question 54

line break

Question 55

prices text example

Answer 55

marzipan pudding $14
This goes good with stuff

Question 56

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

Answer 56

span

Question 57

span example

Answer 57

$25

Question 58

block elements verse inline elements

Answer 58

block - p, h1, h2, ul, li, div | inline - hyperlinks, images, form fields, span

Question 59

difference between block and inline

Answer 59

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

Question 60

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

Answer 60

block

Question 61

float

Answer 61

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

Question 62

gradient example

Answer 62

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));

Question 63

media query example

Answer 63

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