HTML Playground può essere considerato come il dizionario dell’HTML, infatti si possono trovare informazioni ed esempi su tutti i tag possibili ed immaginabili .

L’interfaccia di HTML Playground è divisa in 4 sezioni:

1. HTML Tags List

In questo riquadro è possibile selezione il tag HTML che ci interessa.

2. Description

In Description è possibile ottenere una descrizione del tag selezionato nel riquadro “HTML Tags List” (1).

3. Attributes

In Attributes si possono visualizzare i vari attributi relativi al tag selezionato in “Example Code” che possono essere inseriti nel CSS.

4. Example Code

Example Code mostra un esempio di codice che può essere modificato a nostro piacimento. Una volta modificato il codice, per vedere il risultato si deve cliccare il bottone “Try Code” in alto a sinistra. Se si fa click su uno dei tag nel codice si possono vedere tutti gli attributi da inserire nel CSS nella finestra “Attributes” (3)