Effettuare una ricerca è semplicissimo, basta inserire una chiave di ricerca nella casella ceh ci viene proposta e premere invio. Successivamente si può affinare la ricerca cliccando sulla ruota dei tag per evidenziare risultati più specifici.

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)