no logo yet
fb yt tw
google

HTML and CSS Tutorials

Select Tutorial Set

Tools

Notepad++ or Adobe Dreamweaver
Filezilla (to upload your website)
Mozilla Firefox (any browser will do)
Lesson 1: Introduction in XHTML

In this tutorial, I will show you how to set up an XHTML file that we will be using to start off every tutorial from now through the rest of your web career. I hope you enjoy your ride through this awesome web adventure!

Lesson 2: Basic Text Formatting

In this tutorial, we are going to cover a few common tags used in formatting text.

Lesson 3: Links

In this tutorial we are going to learn about creating hyperlinks.

Lesson 4: Email, Tool Tips, Horizontal Rule, Lists

In this tutorial, we are going to learn about creating email links, create tool tips, horizontal rules, and ordered, unordered, and definition lists.

Lesson 5: Images

In this tutorial we will learn how to create images on our site using anchor tags. We will also learn how to resize them and other things, too!

Lesson 6: Backgrounds

In this tutorial, we will learn how to apply background color and background images and mess with them a bit.

Lesson 7: Tables

In this tutorial, we will learn how to create tables and format them as we desire.

Lesson 8: Image Links, Image Maps, and Comments

In this tutorial, we will learn how to make a click-able image link, an image map, and comments.

Lesson 9: Styles

In this tutorial, we will learn the basics of different styles as well as an introduction in cascading style sheets.

Lesson 10: Forms

In this tutorial, we will learn how to create forms and a bunch of different input types for use with the form.

Lesson 11: Multimedia

In this tutorial, we will learn how to add embedded video and audio files to our website!

Lesson 12: Organizing and Uploading Your Website

In this tutorial, I will give some advice on how to make a more efficient website and upload it using FileZilla!

Lesson 1: Introduction in Cascading Style Sheets

We will review the differences between inline, embedded (internal), and external style sheets.

Lesson 2: Advanced Text Formatting

We will discuss some advanced styles for formatting text. This is the real deal.

Lesson 3: Lists, Backgrounds, Links, and Tables

In this tutorial, we are going to learn how to style links, backgrounds, lists, and tables.

Lesson 4: IDs, DIV, and Positioning

In this tutorial, we are going to learn about ID (identifications), the DIV (division) tag, and how to position elements on a web page!

Lesson 5: Parent/Child Selectors and Classes

In this tutorial, we will learn about how to modify specific tags that are within other tags and we will learn about classes.

Lesson 6: Pseudo Elements and Pseudo Classes

In this tutorial, we will learn how to apply background color and background images and mess with them a bit.

Lesson 7: Difference Between Classes and IDs

This tutorial will cover when you should use a class and when to use an ID in XHTML/CSS.

Lesson 8: Using the Float Property to Position Elements

This tutorial will cover how to use the float and the overflow property in CSS.

Lesson 9: Vertical and Horizontal Navigation Bars with Submenus

This tutorial will cover how to create both horizontal and vertical navigation bars as well as add submenus for specific items.

Lesson 10: Structuring a Website with DIV Tags

This tutorial will cover how to properly organize and structure a website using DIV (division) tags about each section of the page. We will wrap the entire one DIV tag known as the container.