Come tabulare un testo in HTML

Passaggio 1

Apri il tuo file HTMLA nell'editor di testo e aggiungi il seguente codice CSS nella sezione "header" del tuo codice HTML:

La prima regola di stile definisce una classe di "spazio" con un "padding" relativo di sinistra di 1.3. La seconda regola definisce un altro tipo di "spazio" (padding) con il doppio della quantità di "stuffing". Salva il file come "taba.html".

Passaggio 2

Nei tuoi contenuti, richiedi la tabulazione desiderata prima del contenuto. Ad esempio:

C'era un appassionato lettore di eHow
Chi voleva sapere come fare tab;
La risposta è stata davvero semplice,
Quando i fogli di stile rendevano i layout semplicemente favolosi!

La seconda e la quarta riga iniziano con elementi "spazio" vuoti con dimensioni di tabulazione virtuali definite dai valori di "riempimento" nelle regole CSS. Salva di nuovo il file.

Passaggio 3

Metti alla prova la tua pagina web. Apri il browser e carica "tabs.html". Dovresti essere in grado di vedere due diverse dimensioni di "tabulatore" nella seconda e quarta riga del poema. In caso contrario, verificare di aver copiato correttamente i codici di esempio.

Passaggio 4

Continua ad aggiungere tab TO dove vuoi usando gli elementi dello spazio con attributi e valori di classe per definire ogni tipo di tab. Regola i valori di riempimento CSS per adattarlo al tuo progetto. Crea più regole di stile per il numero di dimensioni di tabulazione necessarie.