Close

Not a member yet? Register now and get started.

login icon

Sign in to your account.

Account Login

Forgot your password?

HTML Tutorial

HTML allows you to describe the content of your webpage. The following videos describe the syntax of HTML and show you how to use many of the common HTML elements.

Currently Viewing: Images and Links

Download Video: MP4, HTML5 Video Player by VideoJS

Videos

Introduction, Basic Syntax, and Getting Started

Elements and Attributes

Headings, Paragraphs, and Text Formatting

Images and Links

Forms

Lists and Tables

Divs

Viewing Source, Including JS and CSS, and Conclusion

Exercises

Here are a few exercises to help you grasp the fundamentals of HTML. For each exercise, a link is provided to a webpage with some content. Your task is to write an HTML file to replicate the contents of this webpage. You are finished when your HTML produces a page identical to the one in the exercise.

Solutions are under the Materials section. You can also view a solution to an exercise by right-clicking on the page and viewing the source.

Organization of HTML in a basic webpage. Note that webpage has a title, which is usually displayed on the tab, which you must include.

Hint

Modifying text and adding whitespace with HTML tags.

Hint

Ordered and unordered lists

Hint

Tables

Hint

Images and links. Download Image Here.

Hint

A form for sending e-mail. Remember that each input element should have a "name" attribute for server processing purposes. A "textarea" is included in this example. The button behavior is left unspecified.

Hint

A simple div for holding content. More complicated div exercises in the CSS tutorial

Hint

Materials

HTML Powerpoint (used in lectures)

Solutions to HTML Exercises

Additional Resources

More HTML Tutorials (w3schools)

HTML Reference (w3schools)

HTML5 e-book (Dive Into HTML5)

Questions?

Contact us at 6.470-staff@mit.edu or come to our Office Hours

Page and content by Mark Zhang.