Спочатку вказується специфікація, котрій відповідає сторінка - <!doctype html>. Далі йде тег <html> , котрий закривається у самому кінці документа. У межах документа виділяється два великі розділи: <head> та <body> У першому задається деякий службовий опис сторінки, підключаються додаткові файли тощо. Другий розділ містить основний вміст сторінки: тексти, зображення, мультимедійні елементи.
Наповнюючи сторінку вмістом варто знати про деякі особливості роботи з текстом у форматі HTML:
будь-яка кількість пробілів, що йдуть підряд будуть замінені одним пробілом;
ігноруються усі переноси рядків, абзаци, якщо вони не виконані відповідними тегами <br> та <p>;
текст займає всю ширину браузера, переноси відбуваються за словами чи дефісами
для вставки спеціальних символів використовуються позначення наприклад нерозривний пробіл чи копірайт ©
Інстументи створення вебсторінок звичайний Блокнот чи інший текстовий редактор, такий як Notepad++, у якому здійснюється кольорова розмітка тексту та вбудовані засоби перевірки та інші інструменти полегшення розробки. Інша група програмних засобів – це візуальні редактори, або редактори WYISWYG, найвідомішими серед яких є Adobe Dreamviewer та KompoZer.
Базою нинішньої специфікації HTML є виділення змістових елементів сторінки тегами <section> , котрий позначає розділ документа, <nav> - навігаційна панель, <article> - самостійно значимий фрагмент сторінки, стаття; <header>, <footer> - колонтитули, горище та підвал сторінки та інші.