This site is mobile accessible. Press the "Tap Here" button to use a smaller font-size. Tap Here!

Smartphone icons created by Freepik - Flaticon

HTML Course Overview

HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it!

HTML Course Structure

The course consists of 9 modules with more than 200 total examples. With our online "Try it Yourself" editor, you can edit and test each example yourself! The modules have nearly 100 practice exercises to check your understanding as you progress. You will need to get all the questions right to move on to the next module. Once you have completed all the modules, you can go on to the certification exam.

HTML Certification

The certification exam consists of 70 multiple choice or true/false questions. The exam is time-limited to 70 minutes. Candidates must have 75% correct answers to pass the exam and become certified. Immediately after completing the exam, you will be informed of your score and of your pass/fail status.

Module 1: Introduction and Basics

• 1.1 HTML Introduction HTML is the standard markup language for creating Web pages
• 1.2 HTML Editors A simple text editor is all that is needed to learn HTML
• 1.3 HTML Basic Examples In this chapter we will show some basic HTML examples
• 1.4 HTML Elements An HTML element is defined by a start tag, some content, and an end tag
• 1.5 HTML Attributes HTML attributes provide additional information about HTML elements

Module 2: Formatting and Style

Prerequisites: Module 1. Introduction and Basics

• 2.1 HTML Headings HTML headings are titles or subtitles that you want to display on a webpage
• 2.2 HTML Paragraphs A paragraph always starts on a new line, and is usually a block of text
• 2.3 HTML Styles The HTML style attribute is used to add styles to an element, such as color, font, size, and more
• 2.4 HTML Formatting HTML contains several elements for defining text with a special meaning
• 2.5 HTML Quotations In this chapter we will go through the blockquote, q, abbr, address, cite, and bdo HTML elements
• 2.6 HTML Comments HTML comments are not displayed in the browser, but they can help document your HTML source code.
• 2.7 HTML Colors HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values
  • 2.7.1 RGB Colors An RGB color value represents RED, GREEN, and BLUE light sources
  • 2.7.2 HEX Colors A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color
  • 2.7.3 HSL Colors In HTML, a color can be specified using hue, saturation, and lightness (HSL)
• 2.8 HTML CSS Cascading Style Sheets (CSS) is used to format the layout of a webpage

Module 3: More HTML Elements

Prerequisites: Module 2. Formatting and Style

• 3.1 HTML Links Links are found in nearly all web pages. Links allow users to click their way from page to page
  • 3.1.1 Link Colors An HTML link is displayed in a different color depending on whether it has been visited, is unvisited, or is active
  • 3.1.2 Link Bookmarks HTML links can be used to create bookmarks, so that readers can jump to specific parts of a web page
• 3.2 HTML Images Images can improve the design and the appearance of a web page
  • 3.2.1 Image Map With HTML image maps, you can create clickable areas on an image
  • 3.2.2 Background Images A background image can be specified for almost any HTML element
  • 3.2.3 The Picture Element The HTML <picture> element allows you to display different pictures for different devices or screen sizes
• 3.3 HTML Tables HTML tables allow web developers to arrange data into rows and columns
• 3.4 HTML Lists HTML lists allow web developers to group a set of related items in lists
  • 3.4.1 Unordered Lists The HTML <ul> tag defines an unordered (bulleted) list
  • 3.4.2 Ordered Lists The HTML <ol> tag defines an ordered list
  • 3.4.3 Other Lists HTML also supports description lists
• 3.5 HTML Block & Inline Every HTML element has a default display value, depending on what type of element it is

Module 4: Classes, id, Scripts and Filepaths

Prerequisites: Module 3. More HTML Elements

• 4.1 HTML Classes The HTML class attribute is used to specify a class for an HTML element
• 4.2 HTML id Attribute The HTML id attribute is used to specify a unique id for an HTML element
• 4.3 HTML iframes An HTML iframe is used to display a web page within a web page
• 4.4 HTML JavaScript JavaScript makes HTML pages more dynamic and interactive
• 4.5 HTML File Paths A file path describes the location of a file in a web site's folder structure

Module 5: Meta Elements and Page Structure

Prerequisites: Module 4. Classes, id, Scripts and Filepaths

• 5.1 HTML Head The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag
• 5.2 HTML Layout Websites often display content in multiple columns (like a magazine or a newspaper)
• 5.3 HTML Responsive Responsive web design is about creating web pages that look good on all devices!
• 5.4 HTML Semantics Semantic elements = elements with a meaning
• 5.5 HTML Style Guide A consistent, clean, and tidy HTML code makes it easier for others to read and understand your code

Module 6: Entities, Symbols and Encoding

Prerequisites: Module 5. Meta Elements and Page Structure

• 6.1 HTML Computercode HTML contains several elements for defining user input and computer code
• 6.2 HTML Entities Reserved characters in HTML must be replaced with character entities
• 6.3 HTML Symbols Symbols that are not present on your keyboard can also be added by using entities
• 6.4 HTML Emojis Emojis are characters from the UTF-8 character set: 😄 😍 💗
• 6.5 HTML Charset To display an HTML page correctly, a web browser must know which character set to use
• 6.6 HTML URL Encode A URL can be composed of words (e.g. w3schools.com), or an Internet Protocol (IP) address (e.g. 192.68.20.50)
• 6.7 HTML vs. XHTML XHTML is a stricter, more XML-based version of HTML

Module 7: HTML Forms

Prerequisites: Module 6. Entities, Symbols and Encoding

• 7.1 HTML Forms An HTML form is used to collect user input
• 7.2 HTML Form Attributes This chapter describes the different attributes for the HTML <form> element
• 7.3 HTML Form Elements This chapter describes all the different HTML form elements
• 7.4 HTML Input Types This chapter describes the different types for the HTML <input> element.
• 7.5 HTML Input Attributes This chapter describes the different attributes for the HTML <input> element
• 7.6 HTML Input Form Attributes This chapter describes the different form* attributes for the HTML <input> element

Module 8: HTML Graphics and Media

Prerequisites: Module 7. HTML Forms

• 8.1 HTML Canvas The HTML <canvas> element is used to draw graphics on a web page
• 8.2 HTML SVG SVG defines vector-based graphics in XML format
• 8.3 HTML Media Multimedia on the web is sound, music, videos, movies, and animations
• 8.4 HTML Video The HTML <video> element is used to show a video on a web page
• 8.5 HTML Audio The HTML <audio> element is used to play an audio file on a web page
• 8.6 HTML Plug-ins Plug-ins are computer programs that extend the standard functionality of the browser
• 8.7 HTML YouTube The easiest way to play videos in HTML, is to use YouTube

Module 9: HTML APIs

Prerequisites: Module 8. HTML Graphics and Media

• 9.1 HTML Geolocation The HTML Geolocation API is used to locate a user's position.
• 9.2 HTML Drag 'n' Drop In HTML, any element can be dragged and dropped.
• 9.3 HTML Web Storage With web storage, web applications can store data locally within the user's browser.
• 9.4 HTML Web Workers A web worker is a JavaScript running in the background, without affecting the performance of the page.
• 9.5 HTML SSE Server-Sent Events (SSE) allow a web page to get updates from a server.

Return to course main menu