HTML/CSS Foundations Course Videos

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 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.

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

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

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.

In this lesson we are going to learn how to divide your web pages into clear sections using different headings. Lets learn more

So this lesson is about images and managing their position on a web page.

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.

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.

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.

In this lesson, we are going to learn how to have perfect spacing between lines of text on a page.

I want people to know some details about my webpage like, who made it, and when it was last updated. Let add Footer Tags!

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.

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.

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

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.

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

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.

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

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

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.

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

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.

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!

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.