HTML & CSS for Beginners

In this lesson, learn how to use code editors that will help you with web development by displaying a real time preview of your code changes as you make them.

Ready to dive into HTML? In this lesson, learn how to use simple html tags for adding titles, headings, paragraphs, and more, plus create your first webpage.

Want to create a spreadsheet in HTML? In this lesson, learn about how to create tables for tabular data, then review how to make ordered and unordered lists.

Need to practice using iframes in your code? In this lesson, follow along and learn how to use and customize HTML iframes and CSS simulated iframes.

In this lesson, gain an introductory look at CSS by reviewing it uses in comparison to HTML and learning about the differences between inline and in page CSS.

Ready to venture a little deeper into CSS and HTML? In this lesson, learn about pushing styling into an external styling sheet, and using classes and IDs.

In this lesson, learn how to design a webpage using CSS to create navigation, the main content area, a sidebar, and a footer. Then review how to add margins.

Want a speedy way to debug your web page? In this lesson, learn extremely efficient methods for debugging web pages using your Safari or Chrome web browser.

In this lesson, learn to create an HTML form so that visitors who come to your website can contact you through it by filling in information and hitting submit.

Want to perfect your HTML form for your website visitors? In this lesson, learn how to give your HTML form better alignment, formatting, and user accessibility.

In this lesson, learn how to transform the website form that you've been working on from an HTML table layout into CSS. Add color, adjust the size, and more!

Want to add style to the submit button on your website form? In this lesson, learn how to add more flair to the submit button to make it look more professional.

In part 1 of this lesson, learn how to create a sprite image in Photoshop by building a single image of multiple icons, and positioning them so they line up.

In part 2 of this lesson, learn how to add the sprite image that you created in the previous lesson to your web page to use as your navigation menu.

In this CSS lesson, learn how to use pseudo elements, which are CSS elements that allow us to do particular things to a tag or a group of tags.

Wondering about the differences between HTML 4 and HTML 5? In this lesson, learn about the tags used in HTML 5, and the purpose behind the change.

In this lesson, learn about doctype elements, discover how they tell your browser which version of html you are using, and review the capabilities of HTML 5.

Confused about when to use section and article tags? In this lesson, learn when to apply article tags and when to use section tags and study examples of each.

In this lesson, learn how to use header and footer elements in HTML 5 when building a website, including using the h1 to h6 type header tags.

In this lesson, explore how to use the aside element in HTML5 as it was originally intended, and not just as a means of creating a structural sidebar.

In this lesson, learn how to create a top level navigation using nav semantic tags from HTML, plus review which links should be used with the nav tag.

In this lesson, learn how to use content models properly in HTML5 by examining the different content model types and how they relate to one another.

In this lesson, learn how to use attribute selectors in CSS, explore their properties and values, and review how to use ids, names, and styles as attributes.

Learn another HTML5 technique to select elements by using regular expressions to target attributes and specify what item you want to match and alter.

Creating a form on your website? In this lesson, learn how to target elements inside of a form using HTML 5 to style the button and the input form boxes.

In part 1 of this lesson, learn how to create a CSS animation using a single style sheet called Animate.css that allows you to do animation quickly and easily.

In part 2 of this lesson, continue learning how to create a CSS animation by adding a JQuery library as a reference, and use time intervals for classes.