Skip to main content

HTML Basics

9 lessonsAbout 54 minutesBeginner

This part of the HTML Tutorial runs from Introduction to HTML through to HTML Styles. There are 9 lessons here, and working through them takes about 54 minutes at a steady pace.

This is where the HTML Tutorial starts. Nothing before it is assumed, and every example runs in the editor built into each lesson, so you can change the code and see the result without installing anything.

Each lesson below says what it covers before you open it. Read them in order the first time; afterwards this page works as a index you can jump back into when you need to check one thing.

  1. 1Introduction to HTMLHTML is the standard language for creating web pages. In this introduction, you’ll learn what HTML is, how it works, and why it is used.
  2. 2HTML EditorsHTML code can be written using any simple text editor — you don’t need fancy software to start. However, as you progress, using an HTML editor can make your...
  3. 3HTML StructureEvery web page on the internet follows a specific HTML structure. This structure defines how a browser reads and displays the page’s content — from the...
  4. 4HTML Elements & AttributesHTML pages are built using elements — the building blocks of a web page. Each element defines a specific part of the content such as headings, paragraphs,...
  5. 5HTML HeadingsHeadings in HTML define the titles and subtitles of a webpage. They help organize your content, improve readability, and play an important role in SEO by...
  6. 6HTML ParagraphsParagraphs are the foundation of text content on any webpage. In HTML, the <p> tag is used to define a paragraph — separating blocks of text and improving...
  7. 7HTML FormattingHTML provides tags to format text on your web page — making it bold, italic, highlighted, or styled semantically for emphasis. Formatting improves...
  8. 8HTML CommentsComments in HTML are notes or explanations added to your code for yourself or other developers. They do not appear on the webpage, but are visible in the...
  9. 9HTML StylesHTML allows you to style your web page content to make it visually appealing. Styles define colors, fonts, spacing, and layout of elements. You can apply...