CSS Basics
The attribute used before typing any CSS code into an HTML tag.
What is style?
The tag for creating links in HTML.
What is <a>?
An example of an <a> tag that leads to "ContactPage.html."
All three primary colors.
What are Red, Yellow, and Blue?
The name of the website where you can find hundreds of free fonts to embed in your website.
What is fonts.google.com?
The tag in which you place everything you want the user to see on your website.
What is <body>?
The specific name for the type of CSS when it is added to an individual HTML tag.
What is inline CSS?
The attribute needed for creating links in HTML.
What is href?
The symbol added to the href attribute meaning "move backwards out of this folder."
What is "../"?
One example of a tertiary color.
Red-Orange, Yellow-Green, Blue-Green, etc.
The two main types of fonts.
What are serif and sans-serif?
The tag that contains the title.
What is <head>?
Two differences in coding syntax between a CSS statement and an HTML attribute (think about images).
What is an : instead of a =, and a ; at the end of the line.
The Symbol for a Placeholder Link
What is a hashtag?
An example of an image called "cutedog.webp" The image is inside of a folder called "pets", which is inside of another folder called "images."
This type of code is used to denote colors in Web Design.
What is hexadecimal code?
The CSS declaration for changing a font.
What is font-family?
An example of the opening tag for an ordered list that uses roman numerals.
What is <ol type="I">?
This is what CSS stands for.
Cascading Style Sheets.
A complete example of a link to the webpage "hobbies.html", which can be found inside of a "pages" folder.
<a href="pages/hobbies.html">Click here to discover my hobbies!</a>
A complete example of an image tag that displays "smile.jpg" found inside of the "images" folder, with the width set to 200 and the alt text of "a smiley face."
What is <img src="images/smile.jpg" width="200" alt="a smiley face">?
A shade of purple in hex code.
What is #FF00FF?
A complete example of the CSS declaration used to change the size of your text.
What is "font-size:72px;"?
The three tags you've learned so far that are self-closing.
What are <br>, <hr>, and <img>?
An example of a single paragraph with CSS that changes both font to Arial and text color to a shade of blue.
What is <p style="font-family:arial; color: #0000FF;">My Paragraph</a>
A complete example of everything needed to create a working Anchor or "Jump" link to the bottom of your webpage in HTML.
<h3 id="bottom">The bottom of the page</h3>
An example of the HTML code displaying an image named "cool.png." The image is inside the Downloads folder, while the HTML page you're working with is in a folder named "MyWebProject" INSIDE of "Downloads."
What is <img src="../cool.png">?
Three specific types of color schemes.
What are complimentary, triadic, analogous, monochromatic, etc.
A complete example of an HTML link to Google's homepage that uses a unique font called "Gotham."
What is <a href="https://www.google.com/" style="font-family:Gotham;">Click Here</a>
A complete example, including all opening and closing tags, of how every HTML file should look before you begin to design your website.
What is:
<!DOCTYPE html>
<html>
<head><title>TitleHere</title></head>
<body>
</body>
</html>
?
An unordered list containing three of the four types of links that we've learned in HTML.
What is:
<ul>
<li><a href="Gallery.html">Internal Link</a></li>
<li><a href="#">Placeholder Link</a></li>
<li><a href="https://www.google.com">External Link</a></li>
</ul>
A complete example of an opening h1 tag that has a background color of blue and a text color of red, without using the names of the colors.
What is <h1 style="background-color: #0000FF; color: #FF0000;">?
A complete example of an opening paragraph tag that is set to the "Arial" font, with two backups in the CSS declaration in case "Arial" is not available.
What is <p style="font-family: Arial, Verdana, sans-serif;">?