Un parser HTML per colorare il codice come desideriamo.

immagine HTML Color Code

Inizia ora

Icona Pratico PRATICO: volete pubblicare sul vostro sito un codice html con gli stessi colori dell'editor che usate abitualmente? Adesso è possibile con <html> Color Coding. L'applicazione nasce da una mia esigenza specifica, poi ho pensato di renderla disponibile su questo sito.

Icona Semplice SEMPLICE: è sufficiente inserire il codice da colorare all'interno dell'area di testo, indicare se state caricando un listato HTML o CSS quindi scegliere i colori desiderati per le varie tipologie di istruzioni e premere sul tasto Elabora.

Icona Veloce VELOCE: il risultato è visualizzato in pochi secondi. Viene esposto sia l'aspetto finale dell'elaborazione per poter verificare che sia di nostro gradimento, che il codice da usare, il quale può essere copiato e incollato nella propria pagina web.

12 Temi Grafici

Tema Luna Park Tema Ortensia Tema Far West Tema Montagna Tema Autunno Tema Tropicale Tema Girasole Tema Inverno Tema Orchidea Tema Ranch Tema Glicine Tema Monastero

Suggerimenti

1]

Gli elementi HTML devono esere all'interno delle parentesi angolari SENZA alcuno spazio interposto e scritti rigorosamente in minuscolo.
Corretto: <table>, <style>.
Errarto: <Table>, < body >.

2)

Gli attributi (src, alt, href, charset...) devono essere seguiti dal segno = e dalle virgolette " , senza alcuno spazio interposto.
Corretto: charset=utf8, alt=mia immagine.
Errato: src= ..., href = ....

3}

Il testo da mostrare nella pagina web non deve contenere quei caratteri speciali come " , { , } , ' , # , < , >.... che sono parte integrante delle istruzioni HTML/CSS; nel caso se ne presenti la necessità bisogna convertirli nei rispettivi codici ESADECIMALI prima dell'elaborazione.

4>

Per l'indentazione si consiglia di usare gli spazi al posto delle tabulazioni in quanto quest'ultime separano troppo le istruzioni. Due spazi creano una distanza legittima fra comandi su linee diverse. Resta comunque utilizzabile sia l'una che l'altra possibilità.
Icona HTML 5

<html> Color Coding

Sito realizzato da Fiaschi Francesco Maggio 2020