Lesson 3: Basic HTML

Click for closed captioning

Next Step

Step 2: HTML in Action

Learn more about basic tags.

Click for closed captioning

For more common tags and their functions, open this reference handout of HTML5 tags on Google Docs.

Developed in 1989 and released publicly in the early 1990s, HTML has slowly evolved over the past two decades.

While tags like <blink> are now virtual antiques, the basic philosophy of the language remains unchanged. HTML5 allows designers to incorporate interactivity more easily, like the Pitchfork Magazine Cover Story you saw in the Lesson 3 video.

Download a free HTML editing program and get ready to start creating pages.

Click for closed captioning

Komodo Edit is a free coding program that you can download for your PC or Mac.

While you're welcome to use any coding program you'd like for this class, Komodo Edit is the platform I'll use for the class demonstrations of HTML and CSS.

I recommend you use either Chrome or Firefox as your browser. Both are free to download on Macs and PCs, and both can display the HTML5 tags you'll be writing. As we move into more complicated design, both will also offer useful tools to see how other websites were built.

Follow along with the video to build your first HTML page, and then keep practicing.

Click for closed captioning

Code Academy has excellent self-guided HTML resources if you'd like to practice more.

We'll discuss the most common tags in this lesson and the next, and you can find a complete list of HTML5 tags here.

Don't feel bad that these first pages look as dated as the original website of the movie Space Jam, which has remained untouched since 1996.

In the next few weeks, you'll learn the skills to turn these featureless basic pages into attractive designs.

Next Step

Log in to Moodle to complete Assignment 3.