freeCodeCamp HTML & CSS
Here Is a list of each lesson in the freeCodeCamp HTML & CSS course.
Say Hello to HTML Elements – This lesson is an introduction to html and syntax associated with it.
Headline with the h2 Element – This lesson covers heading tags in html5.
Inform with the Paragraph Element – Learn about the paragraph tag.
Uncomment HTML – Learn how to uncomment in html.
Comment out HTML – Learn how to comment out html code, and why it’s important.
Fill in the Blank with Placeholder Text – Learn about placeholder text(dummy text).
Delete HTML Elements – This lesson shows how to delete an html element.
Change the Color of Text – Learn how to change the color of your text.
Use CSS Selectors to Style Elements – This lesson goes over CSS selectors, and how to apply them to elements.
Use a CSS Class to Style an Element – Learn about classes, and how to use to to style an element.
Style Multiple Elements with a CSS Class – Learn how to utilize classes to give certain elements same styling.
Change the Font Size of an Element – This lesson explains how to change font size of an element.
Set the Font Family of an Element – Learn how to set font family.
Import a Google Font – This lesson explains how to import a Google font into your document.
Specify How Fonts Should Degrade – Learn about fonts, and specify order of importance.
Add Images to your Website – This lesson shows how to add images to your site.
Size your Images – Learn about image sizes.
Add Borders Around your Elements – This lesson covers borders and how to add around your elements.
Add Rounded Corners with a Border Radius – Learn to add rounded corners to elements.
Make Circular Images with a Border Radius – Learn to make an image circular.
Link to External Pages with Anchor Elements – This lesson covers linking to external pages using anchor tags.
Nest an Anchor Element within a Paragraph – Learn about nesting anchor elements.
Make Dead Links using the Hash Symbol – This lesson covers creating dead links.
Turn an Image into a Link – Learn how to turn an image into a link.
Create a Bulleted Unordered List – This lesson covers creating bulleted unordered lists.
Create an Ordered List – Learn how to create an ordered list.
Create a Text Field – This lesson explains how to create a text field.
Add Placeholder Text to a Text Field – Lear how to add placeholder text.
Create a Form Element – This lesson covers creating form elements.
Add a Submit Button to a Form – This lesson covers how to add a submit button.
Use HTML5 to Require a Field – Learn how to require certain fields in a form.
Create a Set of Radio Buttons – Learn how to create radio buttons.
Create a Set of Checkboxes – This lesson covers creating checkboxes.
Check Radio Buttons and Checkboxes by Default – This lesson teaches how to have buttons checked by default.
Nest Many Elements within a Single Div Element – Learn about nesting elements within a div.
Give a Background Color to a Div Element – Learn how to give a background color to a div.
Set the ID of an Element – This lesson covers setting an ID of an element.
Use an ID Attribute to Style an Element – This lesson covers using an ID attribute to style an element.
Adjusting the Padding of an Element – Learn to adjust the padding of an element.
Adjust the Margin of an Element – Learn to adjust the margin of an element.
Add a Negative Margin to an Element – Learn about negative margin.
Add Different Padding to Each Side of an Element – This lesson shows how to add individual padding to elements.
Use Clockwise Notation to Specify the Padding of an Element – Learn about clockwise notation to specify padding of an element.
Use Clockwise Notation to Specify the Margin of an Element – Learn about clockwise notation to specify margin of an element.
Style the HTML Body Element – Learn about styling the body of an element.
Inherit Styles from the Body Element – This lesson show how elements inherit styles from the body element.
Prioritize One Style Over Another – Learn how to prioritize one style over another.
Override Styles in Subsequent CSS – Learn about overriding styles in subsequent CSS.
Override Class Declarations by Styling ID Attributes – This lesson explains overriding class declarations by using ID attributes.
Override Class Declarations with Inline Styles – This lesson covers overriding class declarations using inline styles.
Override All Other Styles by using Important – Learn how to override styles.
Use Hex Code for Specific Colors -This lesson covers how hex colors work in html.
Use Hex Code to Mix Colors – Learn about mixing hex values to make unique colors.
Use Abbreviated Hex Code – Learn how to abbreviate hex code.
Use RGB values to Color Elements – This lesson covers RGB values.
Use RGB to Mix Colors – Learn about mixing RGB values to make unique colors.
HTML & CSS Wrap-up Applying What We Learned – This video takes what we learned and explains how to make a basic website from scratch.