What's the easiest way to learn HTML

Introduction to HTML

HTML is a relatively simple language made up of elements. These elements can be applied to different pieces of text in order to give them different meanings (is it a paragraph, a list or part of a table?), In order to structure a document in a meaningful way (is there a header line? Is the content divided into three columns? Is there there is a navigation menu?) and to embed content such as videos and pictures. This module will cover the first two of these points and introduce the fundamental concepts and syntax you need to know to understand HTML.

requirements

You do not need any knowledge of HTML for this module, but you should basically be able to work with computers and use the Internet passively (i.e. surf the Internet and consume content). You should already have set up a simple work environment, as described in Installing the necessary software; and know how to create and organize your files, how to use files explained. Both articles are part of our Get to know the Internet article series, which covers the basic knowledge that is required in this module.

Note: If you're working on a computer / tablet / device that doesn't allow you to create your own files, you can try most of the code examples in an online editor like JSBin or Thimble.

Learning units

This module contains the following learning units that will bring you closer to HTML in theory and practice. There are many ways in which you can try out your newly acquired skills.

Get to know HTML
Here you will learn the absolute basics of HTML. To start with, we will define terms such as "elements", "attributes" and other important terms and classify them in the language. We will show you how an HTML website is typically structured, how HTML elements are structured and explain other basic language functions. You can play with HTML code from time to time so that you get a feel for the connections.
What belongs in the head of the HTML file?
The head of an HTML document is the part that Not is displayed in the browser when it is loaded. The header contains additional information about the website, for example the element that contains the title of the website, links to CSS files (with which the website is designed) and metadata (e.g. who is the author of the website and keywords, which search engines help to classify your website).
Simple text formatting in HTML
One of the main tasks of HTML is to give each piece of text information about its meaning in context (also called semantics) so that the browser knows how to display the piece of text. In this article, you will learn how to use HTML to structure a block of text into headings and paragraphs, add emphasis and weight to words, create lists, and much more.
Creating hyperlinks
Hyperlinks are very important because they are the first to make the Internet a network. This article covers the syntax of a link and discusses general guidelines about links.
Advanced text formatting
In addition to those explained in the article Simple text formatting in HTML, there are many other HTML elements that can be used to format text. These HTML elements are not that well-known, but it is still helpful to know them. Here you will learn how to include quotations, create description lists, display computer code and similar text, achieve superscripts and subscripts, arrange contact information and much more.
Bring structure to the website
You can use HTML to format individual parts of the website (such as "a paragraph" or "an image"), but also entire sections of the page (such as "the header", "the navigation menu" or "the main content column"). This article is about planning a basic website structure and then implementing this structure in HTML.
Debugging HTML
Knowing how to write HTML is good, but what should you do if something goes wrong and you can't find the bug in the code? This article introduces a few tools that can help you troubleshoot problems.

tasks

The following exercises will test your understanding of the HTML basics covered in the above lessons.

Format a letter
Sooner or later we all learn to write a formal letter. In addition, it is also a nice example to prove the level of knowledge in the field of text formatting. In this exercise, you should format a given letter using HTML.
Structure a website
This activity tests your ability to use HTML to structure a simple web page. This contains a header, a footer, a navigation menu, a main column and a margin column.

See also

Web Basics Basic Course 1 (English)
An excellent course from the Mozilla Foundation that covers a lot of the content of the Introduction to HTML Module, applies and consolidates. In this six-part module, learners familiarize themselves with reading, writing and participating in the Internet. Discover the fundamentals of the Internet through creation and collaboration.