Free course

HTML: Perfect for Beginners

To standardize the output of text within browser was created an HTML standard. It defines the rules for formatting text data for correct output. This course is devoted to the fundamentals of HTML markup, working with typography, media documents, and forms layout

11 hours76948 students41 lessons with practice in the browser

CongratulationsYou have successfully completed the basic course on Code Basics.

This is the first step into the world of professional development. What’s next?

Send via Telegram

Join the profession on Hexlet. You will:

  • Get the fundamental programming knowledge
  • Learn how to solve practical problems
  • Write the first complete applications that will be part of your developer portfolio
  • Get the Hexlet Certificate and employment assistance at the end of your study

First courses in the profession are available for free. All you need to start learning is register and join the profession.

HTML Basics

To normalize text rendering in a browser was developed HTML markup language that describes the rules for the layout of text data. Despite the long evolution of the language, its basic concepts haven't changed even after more than 20 years. In first module, we will review the fundamental concepts of HTML: tag, attribute, and nesting of tags, and will learn the core features of marking up text with paragraphs.

Text in HTML

HTML provides dozens of rules for working with text, from creating blocks of text, to complex tables and nested lists. Marking up text properly is a core skill when building a web site.

Media elements

HTML markup allows you to add images to pages, and the latest HTML5 standard has added the ability to work with audio and video content
Let's get started

HTML document structure

Each HTML page consists of several common blocks that describe a data set: meta tags, page title, content. The HTML standard has its own blocks and constructions for each part.


Form is one of the most important HTML elements. It allow the user to interact with the site, and engage him. Search, feedback, questionnaires are all created using forms.

Semantic elements HTML5

HTML5 introduced plenty of new tags for semantic markup. They are designed to help browsers process your document more accurately, using "reader mode". Search engines will also appreciate you helping them clearly see the structure of your website. In this module, we'll mark up a generic web page using the new HTML5 tags


When talking about HTML, one cannot skip topics related to the Internet ecosystem as a whole. Markup, semantics, and validation provide important insights when working with HTML documents.
Are you ready?
Registration is not required

JavaScript icon
25 hours95659
CSS icon
9 hours41638
Python icon
25 hours108173
PHP icon
25 hours28128