HTML/CSS Foundations Course Videos

25 videos in this course

Course Overview Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Course Overview Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Welcome To HTML/CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Replit Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Tagging in HTML Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Ranking  in HTML Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Your Code Is Improving Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Image Handling in HTML Video
Image Handling in HTML

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

Creating a List in HTML Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Creating a List in HTML Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations The Most Important Tag  in HTML Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Deletin  in HTML Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations WhiteSpace in HTML Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Coding Your First Page  in HTML Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Introduction To CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Attributes in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Body Tags in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Managing Text in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Style Attributes in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations CSS Selectors Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Groups in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Descendants in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Descendant Selectors in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Dev Tools in CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Boxing with CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Boxing Continued with CSS Video
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 Video from HTML/CSS Foundations Course Videos
Play HTML/CSS Foundations Don't Repeat Yourself Code Video
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.

Loading...