HTML/CSS Foundations Course Videos
25 videos in this course

Course Overview
Welcome to Web Development with HTML. You’re about to learn a super valuable new skill that will benefit you the rest of your life: scripting computer code in HTML. You’re going to learn all you need to build your own website, and then you’re going to build one.
Welcome To HTML/CSS
Welcome to Web Development with HTML. You’re about to learn a super valuable new skill that will benefit you the rest of your life: scripting computer code in HTML. You’re going to learn all you need to build your own website, and then you’re going to build one.
Replit
Now let's set up our environment to start coding in HTML I'm going to introduce you to the tool you'll use to code websites. It’s called REPLIT. It is an online system that lets you write and HTML execute programs
Tagging in HTML
When writing HTML code, you start with an open tag – which is made with an open bracket – p – and then close bracket, and finish with a close tag. Lets learn about Tags
Ranking in HTML
Structuring your HTML helps other coders easily understand your code. It helps you organize the information on your web page, and it makes it very clear why you have added any piece of text to your page.
Your Code Is Improving
In this lesson we are going to learn how to divide your web pages into clear sections using different headings. Lets learn more
Image Handling in HTML
So this lesson is about images and managing their position on a web page.
Creating a List in HTML
To make a table of contents, you'll first need to learn about lists. There are two kinds; ordered lists and unordered lists. Lets learn about Lists.
The Most Important Tag in HTML
In this lesson we introduce the anchor tag and the HREF Tag and how to use them to build a table of contents for your web site.
Deletin in HTML
Today, you are going to learn how to wrap text around words and phrases. Wrapping tags around text means that you put the open tag at the start of the text, and the close tag at the end.
WhiteSpace in HTML
In this lesson, we are going to learn how to have perfect spacing between lines of text on a page.
Coding Your First Page in HTML
I want people to know some details about my webpage like, who made it, and when it was last updated. Let add Footer Tags!
Introduction To CSS
In this part of the course, you'll learn how to use a second web development language called CSS to style your page. HTML is like the frame of a house, but CSS is the colors and decorations of the house.
Attributes in CSS
In coding HTML, you learned how to give some of your tag’s extra information, also known as attributes. CSS also has attributes. One of these attributes is called “style.” Style changes the way a tag looks when it's rendered.
Body Tags in CSS
In the last lesson, you learned how to change the color of your text. In this lesson, how to make your text even fancier, by changing its shape and size too
Managing Text in CSS
Let learn how to center text, using the text align property. Text align tells a tag where to position its text and can do so with three values: Left, right, or center.
Style Attributes in CSS
In previous lessons, we learned that browsers give tags default styles. Some of these default styles include properties you haven't learned yet. In this lesson, were going to learn what some of these properties are, and when it makes sense to change them
CSS Selectors
Style attributes are pretty terrible, especially as you add more content to your web page. Fortunately, we have style tags. These awesome tags let you code CSS and your HTML file in one organized place.
Groups in CSS
In this lesson, we will learn how to group blocks of content together, and then how to use selectors to change their background color. To group content, you'll have to learn a few more HTML tags and some coding vocabulary
Descendants in CSS
To make managing tags easier in this lesson we are going to learn about Descendents. You'll need to learn some web development lingo to explain how the tags are related to each other
Descendant Selectors in CSS
A descendant selector allows you to select tags and style them, but only when they are descendants - meaning they're inside of a specific tag. Lets learn more.
Dev Tools in CSS
Since you've learned so much about styling text, we're going to move on to something new. But first, we have to investigate the Chrome Developer Tools
Boxing with CSS
If you recall, we can use the top of the Styles pane to change the background color of a header in the browser. But you can use the Styles pane for more than just changing a tag style. In today’s lesson we are going to cover styling a page with boxes.
Boxing Continued with CSS
Last lesson, we learned about the content box and the margin box. You might have noticed two more boxes called padding and border. Today we are going to learn about styling borders. Lets go!
Don't Repeat Yourself Code
Today we are going to learn about a new border property called shorthand. In CSS shorthand is when you use one property to do the work of multiple properties. It is very D.R.Y.