Kanbritech Learn logo
HTML HTML Tutorial 45h track

HTML Introduction

Create an index.html file about yourself with one heading and two paragraphs. Open it in your browser.

Understand the topic

HTML means HyperText Markup Language. It describes the meaning and structure of a document: headings, paragraphs, links, lists, images, and controls. A browser parses that document into a tree called the DOM. CSS controls presentation and JavaScript adds behavior. Begin with useful content and meaningful elements before adding either styling or scripts. HTML is a markup language, not a general-purpose programming language.

Worked example

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>My first page</title></head>
<body>
  <h1>Welcome to my learning journal</h1>
  <p>Today I started learning HTML.</p>
</body>
</html>

The doctype selects standards mode. The html element contains the document, head holds metadata, and body holds visible content. The browser displays a large heading followed by a paragraph. The title appears in the browser tab rather than inside the page.

Practice

Create an index.html file about yourself with one heading and two paragraphs. Open it in your browser.

Show a suggested answer
<h1>About Ama</h1>
<p>I am learning how the web works.</p>
<p>My goal is to build an accessible community website.</p>

Common mistake

Do not use HTML solely to make text look large or small. Choose elements for their meaning, then adjust appearance with CSS.

HTML documentation

Live Example

Try Coding

Result