Coding - HTML/CSS for Beginnings 1 Flashcards
Module 1 - Belt Up
You need to set the background colour for h5, h4, h3, h2, and h1 to a certain colour.
Given that you can do:
h4 {background-color: blue;}
How would you do that for the others?
Module 1 - Pump it Down
Remember, to only set one type you can do this:
p {insert stuff here}
if you want to set the same thing to multiple things, you can do this:
h1, h2, p {insert stuff here}
Module 1 - The Succulent Stash
h1 {Insert Code Here}
p {Insert Code Here}
img {Insert Code Here}
span {Insert Code Here}
This grok is fairly simple just add the required code
Module 1 - Peachy Keen
p {Insert Code Here}
h1 {Insert Code Here}
h1, h2 {Insert Code Here}
^^ Remember this means that you set it for h1 AND h2
Module 2 - Blinding Lights
main.css: (This is where you style the website)
body {Insert Code Here}
a {Insert Code Here}
index.html: (This is the main script)
<html>
<link></link>
<body>
PUT REST OF CODE HERE
</body>
</html>
Module 2 - Horizontal Falls
main.css:
body {Insert Code Here}
h1 {Insert Code Here}
h2 {Insert Code Here}
p {Insert Code Here}
em {Insert Code Here}
^^ Remember that body means everything that is inside <body>[here]</body>
index.html:
<html>
<head>
<link></link>
<title>Your own custom Title</title>
</head>
<body>
PUT CODE HERE
</body>
</html>
Module 2 - Fine Dining
span {Insert Code Here}
body {Insert Code Here}
h1 {Insert Code Here}
p {Insert Code Here}
This one doesn’t require anything from the index.html
Module 2 - Frankie’s Beans
Go to https://fonts.google.com/ and choose 2 fonts, a stylish one and a plain one.
You need to select the font (scroll down to find button)
Then click the top right button, and your selected fronts should be there. Select one font and choose the @import option and then copy the code into main.css.
The code that you copy+pasted should look something like this:
@import url(“link name”);
body {Insert Code Here}
h1 {Insert Code Here}
h2 {Insert Code Here;}
Module 3
Module 3 may or may not be here. I might add it here, or I might not. Depends. But keep on going. Don’t stop because there is no more help.
