HTML Tutorial for All Levels

HTML stands for Hyper Text Markup Language. It is the basic language for building a website in combination of other tools. This tutorial is for beginners. It teaches you HTML from the ground up — starting with the basics. Coding HTML is actually quite easy, as this tutorial will demonstrate.

This free online web development tutorial course has all it takes to give you the foundation and advance knowledge to become a front-end web developer together with other tutorials like CSS, JavaScript and others. It is practically oriented and written with clear and simple English language.

It covers the following topics:

  • Introduction to HTML
  • Getting Started
  • HTML Elements
  • HTML Formatting & Semantics
  • HTML Attributes
  • HTML Styles
  • HTML Colors
  • HTML Links
  • HTML Images
  • HTML Meta Tags
  • HTML Comments
  • HTML Forms
  • HTML Tables
  • HTML Image Maps
  • HTML iFrames
  • HTML Entities
  • Summary

Relax and take the lessons one after the other and you will master them in weeks. Happy Learning.

Lessons

Create your First Web Page

Author: Uncle PatComplexity: Easy

Let’s create a webpage using HTML, then view it in a web browser. OK, lets get straight into it. Here, you will learn just how easy it is to create a web page. In fact, by the time you’ve finished with this web page, you will have created your own web page! When you create […]

HTML Elements

Author: Uncle Pat

HTML elements are the fundamentals of HTML. HTML documents are simply a text file made up of HTML elements. These elements are defined using HTML tags. An HTML element is an individual component of an HTML document. Any given web page consists of many HTML elements. HTML tags tell your browser which elements to present and how […]

Formatting and Semantics

Author: Uncle Pat

Here, we look at formatting and semantics within HTML documents. HTML provides the structure of the document (consisting of all the individual HTML elements on the page). HTML also provides the semantics of an HTML document. Elements are generally used for a particular meaning. For example, a heading level 1 is more important than a heading […]

HTML Styles

Author: Uncle Pat

CSS allows you to specify how each HTML element is presented to the user. HTML is quite limited when it comes to the appearance of its elements. This is not so good if you’re trying to give a website a unique look and feel, or you’re trying to adhere to a corporate identity. But it’s not […]

Applying HTML Color

Author: Uncle Pat

Colors are applied to an HTML element using CSS. You can also pick which part of the element to apply color to. We’ve just seen the various ways of applying styles to an HTML document. Some of those examples included adding color to the document. Seeing as color is a major part of any website design, […]

Creating HTML Links

Author: Uncle Pat

This article explains how to create a link from one page to another. It also outlines the different types of hyperlinks. Links, otherwise known as hyperlinks, are defined using the <a> tag — otherwise known as the anchor element. To create a hyperlink, you use the <a> tag in conjunction with the href attribute. The value of the href attribute is the URL, or, location […]

Adding Images to HTML Doc

Author: Uncle Pat

Images make up a large part of the web — most websites contain images. HTML makes it very easy for you to embed images into your web page. To embed an image into a web page, the image first needs to exist in either .jpg, .gif, or .png format. You can create images in an […]

Adding HTML Meta Tags

Author: Uncle Pat

Meta tags allow you to provide metadata about your HTML pages. This can be useful for search engines, browsers, and other applications trying to understand more about your page. What is Metadata? Metadata is information about, or that describes, other data or information. If we relate this to a web page, if you think about it […]

Using Comment in HTML Doc

Author: Uncle Pat

HTML comments help explain the code and are not visible to your website visitors. Any HTML document can contain comments. Although comments are optional, they can be very useful. Now, I’m not talking about the comments section at the bottom of an article, where readers can post their comments. I’m referring to comments within the […]

HTML Forms

Author: Uncle Pat

This page explains the basics of creating HTML forms. HTML enables us to create forms. This is where our websites can become more than just a nice advertising brochure. Forms allow us to build more dynamic websites that allow our users to interact with it. An HTML form is made up of any number of form […]

HTML Frames and iFrames

Author: Uncle Pat

HTML Frames Before we leave the subject of iframes, let’s talk about frames (as opposed to iframes). HTML frames allow you to split the whole window up into different frames. For example, you can have a frame to display your left menu, another frame to display the top menu, and another frame to display the main content area. […]

HTML Character Entity

Author: Uncle Pat

A brief introduction to the concept of HTML entities. HTML entities (also known as character entity references) enable you to add a wide range of characters to an HTML document. Characters ranging from icons, mathematical operators, geometric shapes, arrows, multilingual scripts, and much more, can be displayed in a web page by adding a small line […]

HTML Tutorial Summary

Author: Uncle Pat

So you’ve made it to the end – Congratulations! You now have the knowledge required to hand code your own website. Recap We have covered off a lot in this tutorial. To recap: We started with an introduction to HTML, and what it’s used for. We then created a basic webpage, before moving on to […]