Számos módon lehet szóközöket beilleszteni a HTML-be. A legegyszerűbb módszer egyszerűen szóközök vagy több karakteres entitás hozzáadása a célszöveg előtt és után. Természetesen nem ez a DRYest módszer.

Ehelyett, hogy a kódot könnyen karbantarthassa és csökkentse az ismétlést, használhatja a és

 elemek, egy kis CSS-sel együtt:
Az elem használata
Az alábbiakban láthatunk egy példát a szöveg közötti távolság szabályozására:
Hello my name is James
Ne feledje, hogy a címkék automatikusan záródnak, vagyis nincs szükségük a-ra />.
Ezután külső vagy belső stílus segítségével adhat tabnéhány tulajdonságot az osztálynak . Például a következő kód működik egy külső stíluslapon:
.tab { padding-left: 2px; }
Megadhat néhány inline stílusú tulajdonságot is, az alábbiak szerint.
Alternatív megoldásként megadhatja ugyanazokat a tulajdonságokat, mint az inline stílusok, az alábbiak szerint:
Hello my name is James
Használni a 
 elem
A tabulátorhely egyszerű hozzáadásához egyszerűen csomagolja be a szöveget 
címkék. Például:
A 
elem egyszerűen az előre elkészített szöveget reprezentálja . Más szavakkal, a belső szövegben szóköz vagy fül jelenik meg. Például:
 function greeting() { console.log('Hello world!'); } 
Csak ne feledje, hogy a tényleges tabulátor karakterek (nem egy halom fülre hasonlító szóközök), amelyet ezzel a módszerrel használ, nevetségesen szélesnek tűnhet. Ez azért van, mert az tab-sizeingatlan a
 elem alapértelmezés szerint 8 szóköz.
Ezt megváltoztathatja egy kis CSS-sel:
pre { tab-width: 2; }
További információ a HTML-ről:
A HyperText Markup Language (HTML) az online dokumentumok elkészítéséhez használt jelölőnyelv, és ma a legtöbb webhely alapja. 
A HTML-hez hasonló jelölőnyelv lehetővé teszi számunkra
      

       
linkeket hozhat létre más dokumentumokhoz, 
       
- strukturálja dokumentumunk tartalmát, és 
       
tulajdonítson kontextust és jelentést dokumentumunk tartalmának.
      
Egy HTML dokumentumnak két aspektusa van. Strukturált információkat (Markup) és szöveges hivatkozásokat (HyperText) tartalmaz más dokumentumokhoz.
HTML-elemek felhasználásával strukturáljuk oldalainkat. Ezek a nyelv konstrukciói, amelyek struktúrát és jelentést nyújtanak a dokumentumban a böngésző számára, és az elem az interneten keresztül más dokumentumokhoz vezet.
Az internetet eredetileg statikus (változatlan) dokumentumok tárolására és bemutatására hozták létre. A HTML fent tárgyalt aspektusait tökéletesen látták ezek a dokumentumok, amelyek hiányoztak minden dizájntól és stílustól. Olyan strukturált információkat mutattak be, amelyek linkeket tartalmaztak más dokumentumokhoz.
A HTML5 a HTML legújabb verziója vagy specifikációja. A World Wide Web Consortium (W3C) az a szervezet, amely kidolgozza a világháló szabványait, beleértve a HTML-et is. Ahogy a weboldalak és a webalkalmazások összetettebbé válnak, a W3C frissíti a HTML szabványait.
A HTML5 egy csomó szemantikai elemet mutat be. Míg a HTML segít jelentést adni dokumentumunknak, a HTML5-tel ellátott szemantikai elemek bevezetéséig nem ismerték teljes mértékben annak lehetőségeit.
Egy egyszerű példa egy HTML dokumentumra
   Page Title   
My First Heading
My first paragraph.
! DOCTYPE html: Ezt a dokumentumot HTML5-nek definiálja
html: HTML oldal gyökéreleme
head: Az elem metaadatokat tartalmaz a dokumentumról
title: Az elem megadja a dokumentum címét
törzs: Az elem tartalmazza a látható oldal tartalmát
h1: Az elem nagy címsort határoz meg
p: Az elem meghatároz egy bekezdést
HTML verziók
A web kezdetektől fogva a HTML sok változata létezik
      

       
HTML1991
       
HTML 2.01995
       
HTML 3.21997
       
HTML 4.011999X
       
HTML2000
       
HTML52014
      
Egyéb források
      

       
HTML elemek
       
Szemantikus HTML
       
HTML attribútumok