Aşağıda web sayfaları oluşturulurken kullanılan temel HTML etiketleri ve görevleri açıklanmıştır:
<html> : Sayfanın en temel (kök) etiketidir, tüm HTML içeriğini baştan sona sarar.
<head> : Tarayıcıya ve arama motorlarına sayfa hakkında bilgi veren, başlık ve meta etiketlerin yer aldığı teknik kısımdır.
<body> : Ziyaretçinin tarayıcı ekranında gördüğü tüm görsel ve metinsel içeriklerin bulunduğu gövde alanıdır.
<!-- --> : Kod içine geliştiriciye özel notlar eklemek için kullanılır, tarayıcıda kullanıcıya gözükmez.
<header> : Sayfanın üst kısmını veya bir bölümün başlık/tanıtım alanını ifade eder.
<nav> : Sayfa içi ya da sayfalar arası dolaşımı sağlayan menü bağlantılarını barındırır.
<main> : Sayfanın asıl ve benzersiz ana içeriğini kapsayan etikettir.
<section> : Sayfa içindeki bağımsız konu bloklarını veya bölümleri ayırmak için kullanılır.
<div> : İçerikleri gruplamak, düzenlemek veya bir araya toplamak için kullanılan blok yapılı kapsayıcıdır.
<footer> : Sayfanın en altındaki telif hakkı, dipnot ve iletişim bilgilerini içeren alandır.
<h1-h6> : Başlık seviyelerini belirler; h1 en büyük ve ana başlık iken, h6 en küçük alt başlıktır.
<p> : Metinleri paragraflara bölerek okunaklı hale getirir.
<strong> : Metne önem derecesi kazandırır ve koyu (kalın) yazılmasını sağlar.
<b> : Yazıyı ekstra anlam yüklemeden sadece kalın gösterir.
<em> : Kelimeye vurgu kazandırır ve italik (eğik) olarak gösterir.
<i> : Metni sadece görsel açıdan eğik (italik) yazar.
<br> : Paragrafı bölmeden alt satıra geçiş yapılmasını sağlar.
<form> : Kullanıcıdan veri toplamak (giriş, kayıt, iletişim formu vb.) amacıyla oluşturulan form alanıdır.
<label> : Form kutularının ne amaçla kullanıldığını gösteren açıklama etiketidir.
<input> : Kullanıcının yazı, şifre, seçim kutusu veya e-posta gibi veriler girmesini sağlayan giriş elemanıdır.
<textarea> : Birden fazla satır içeren uzun mesaj ve açıklamalar için kullanılan metin kutusudur.
<button> : Formu göndermek veya bir işlemi tetiklemek için tıklanabilir düğme oluşturur.