Cum se tabulează un text în HTML

Pasul 1

Deschideți fișierul HTMLA în editorul de text și adăugați următorul cod CSS în secțiunea "antet" a codului HTML:

Prima regulă de stil definește o clasă de "spațiu" cu un "padding" relativ stânga de 1, 3. A doua regulă definește un alt tip de "spațiu" (padding) cu dublul cantității de "umplutură". Salvați fișierul ca "taba.html".

Pasul 2

În conținutul dvs., solicitați formatul dorit chiar înainte de conținut. De exemplu:

Era un cititor dornic de eHow
Cine a vrut să știe cum să facă filă;
Răspunsul a fost într-adevăr destul de simplu,
Când foile de stil au făcut machete doar fab!

Linile a doua și a patra încep cu elemente "spațiu" goale, cu dimensiuni virtuale definite de valorile "umple" în regulile dvs. CSS. Salvați din nou fișierul.

Pasul 3

Testați-vă pagina web. Deschideți browserul dvs. și încărcați "tabs.html". Ar trebui să puteți vedea două dimensiuni diferite de "tabel" în al doilea și al patrulea rând al poeziei. Dacă nu este, verificați dacă ați copiat corect exemplele de coduri.

Pasul 4

Continuați să adăugați filele TO unde doriți, utilizând elemente de spațiu cu atribute de clasă și valori pentru a defini fiecare tip de fila. Ajustați valorile umplerii CSS pentru ao adapta la propriul design. Creați mai multe reguli de stil pentru câte dimensiuni de file aveți nevoie.