Guida HTML per principianti 2021 (Tutorial gratuito)

Scopri gli elementi di base dell'HTML e delle sue applicazioni, prima di guardare gli esempi dei singoli elementi che puoi utilizzare per programmare il tuo sito web.

Leggi di più

Se vuoi diventare un webmaster e imparare a creare un sito web o creare un blog, potresti trovare abbastanza scoraggiante l’idea di imparare l’HTML.

Questo è qualcosa che non può essere evitato, tuttavia, poiché la maggior parte delle page dei siti web che visiterai saranno state scritte e strutturate utilizzando elementi HTML. Infatti, l’HTML è oggi utilizzato da oltre il 74% di tutti i siti web conosciuti, inoltre questo linguaggio contribuisce a migliorare tutto, dal design del tuo sito alla qualità dei contenuti.

In questa guida, esploreremo i principi di base dell’HTML e le sue potenziali applicazioni, prima di esaminare esempi dei singoli elementi che si usano quando si programma il proprio sito web.

Cos’è l’HTML?

In parole povere, l’HTML rappresenta il linguaggio di markup standard per la creazione di pagine web online. Sta per Hyper Text Markup Language e la sua funzione principale è quella di stabilire la struttura, il layout e la presentazione delle singole pagine. Sebbene i browser web non visualizzino direttamente il linguaggio HTML, esso svolge un ruolo fondamentale nel contribuire a creare un sito visibile, accessibile e facile da usare.

L’HTML è inoltre supportato da una serie di singoli elementi che costruiscono gradualmente le pagine web, strutturano la presentazione dei contenuti e danno vita al tuo sito web. Questi elementi sono creati e contenuti all’interno di ‘tag’, che definiscono pezzi di contenuto alternativi come titoli, paragrafi ed esempi simili.

Esploreremo questi elementi e la loro costruzione in dettaglio qui di seguito, esaminando anche come possono essere personalizzati per introdurre colore, link e tipografia variabile nel tuo sito web.

La Timeline delle tecnologie web:

  • 1991 – HTML
  • 1994 – HTML2
  • 1996 – CSS1 + JavaScript
  • 1997 – HTML4
  • 1998 – CSS2
  • 2000 – XHTML1
  • 2002 – Layout web tableless
  • 2005 – AJAX
  • 2009 – HTML5

Dove si usa l’HTML?

Siti web popolari che utilizzano l’HTML:

  • Wikipedia.org
  • Google.com
  • YouTube.com
  • Facebook.com
  • Yahoo.com
  • Baidu.com
  • Reddit.com

Come possiamo vedere, l’applicazione più comune per l’HTML è il design delle singole pagine che compongono il tuo sito web. Questa non è l’unica applicazione del popolare strumento di programmazione, tuttavia, la comprensione dei suoi usi aggiuntivi ti aiuterà ad ottenere il massimo dal linguaggio in quanto nuovo webmaster. 

Ecco quindi alcuni degli ulteriori modi in cui l’HTML può essere applicato:

  • Creare elementi personalizzabili all’interno di una pagina esistente. Se si intende consentire i commenti dei post del blog o la pubblicazione di contenuti generati dagli utenti sul proprio sito web, è sufficiente utilizzare frammenti di codice HTML. Questi elementi consentiranno agli utenti di enfatizzare le parole chiave, incorporare i link e formattare i commenti a seconda delle restrizioni che si mettono in atto come moderatore.
  • Creare contenuti aggiuntivi per la posta elettronica. La posta elettronica utilizza l’HTML anche come linguaggio per i messaggi di testo completo, che contengono link, testo e una varietà di altri elementi che non possono essere presenti solo nel testo semplice. Quindi, se stai cercando di condividere un ebook che si riferisce al tuo sito web attraverso la posta elettronica, puoi utilizzare l’HTML per ottimizzare l’impatto del tuo messaggio.
  • Comprendere i documenti di aiuto offline che sono già installati sul tuo computer. È interessante notare che l’HTML è utilizzato come formato per i documenti di aiuto basati sul computer che sono accessibili offline. La conoscenza di base dell’HTML può quindi aiutarti a capire i problemi con il tuo hardware e a risolverli più rapidamente, il che a sua volta può garantire che tu sia in grado di ripristinare più rapidamente il tuo sito web nei casi in cui è andato offline.

Struttura della pagina HTML

Prima di poter costruire una pagina html, è necessario disporre delle nozioni di base.

In genere, una pagina sarà composta da tre elementi strutturali:

  1. Header: L’intestazione contiene contenuti rilevanti per tutte le pagine del tuo sito, come un logo o il nome del sito web, e un sistema di navigazione. L’header è visibile su ogni pagina.
  2. Body: Occupa l’area più grande di una pagina web. Contiene contenuti specifici per la pagina visualizzata.
  3. Footer: Il contenuto del footer di solito include informazioni di contatto, un indirizzo di spedizione o avvisi legali. Come l’header, il footer appare su ogni pagina, ma è posizionato in basso.

Ecco come sono fatti questi elementi strutturali di base quando si uniscono:

<html>

<head>

È possibile inserire qui un testo o un codice, come il codice di tracciamento di Google Analytics per esempio.

</head>

<body>

Il corpo principale della tua pagina è qui. Riempilo con testo e immagini!

</body>

</html>

Ecco un altro esempio, utilizzando i tag di header e il tag paragrafo per strutturare esteticamente il contenuto. Inoltre, abbiamo inserito un tag di footer per i contenuti sotto il body di una pagina:

<html>

<head>

È possibile inserire qui un testo o un codice, come il codice di tracciamento di Google Analytics per esempio.

</head>

<body>

<h1>Il mio primo titolo</h1>

<p>Benvenuti a mywebsite!</p>

<footer>

<p>le informazioni di contatto potrebbero andare qui</p>.

</footer>

</body>

</html>

Tag HTML

Il punto di partenza per qualsiasi codice HTML sono i tag individuali, che possono essere utilizzati per creare tutti gli elementi cruciali e aiutare a strutturare le tue pagine web.

Le principali tecnologie di tag HTML condivise sul web

  • HTML5 Canvas Tag – 0.27%  
  • HTML5 Audio Tag – 0.29%  
  • HTML5 Video Tag – 0.69%
  • HTML5 SVG Tag – 3.1%  
  • HTML5 Embed Tag – 6.54%

Di seguito, daremo un’occhiata ai tag più comuni prima di esplorare come possono essere sfruttati per generare elementi specifici a pagina:

Heading tag

Tutti i documenti online, comprese le pagine web, iniziano con un titolo. Questi sono costruiti utilizzando tag HTML, dove il linguaggio attuale consente fino a sei elementi di dimensioni variabili che permettono anche di strutturare il contenuto con titoli aggiuntivi, sottotitoli e linee evidenziate di testo in grassetto. Per iniziare l’intestazione, è sufficiente prefissare il testo corrispondente con il tag <h1> , <h2> , <h3> , <h4> , <h5> o <h6> a seconda della dimensione desiderata.

Devi poi applicare un tag di chiusura alla fine dell’intestazione per incapsulare il testo, e sarà visualizzato come segue in formato HTML:

<h1>Questa è la heading 1</h1>

<h2>Questa è la heading 2</h2>

<h3>Questa è la heading 3</h3>

<h4>Questa è la heading 4</h4>

<h5>Questa è la heading 5</h5>

<h6>Questa è la heading 6</h6>

Una volta confermato, questo si tradurrà nella seguente estetica sulla pagina del tuo sito web:

Questo è heading 1

Questo è heading 2

Questo è heading 3

Questo è heading 4

Questo è heading 5
Questo è  heading 6

In questo caso, le varie dimensioni delle intestazioni variabili sono chiare da vedere, così come il fatto che il browser aggiunge una riga prima e dopo l’intestazione. Noterai anche che il tag di chiusura alla fine del testo dell’intestazione ha un’estetica leggermente diversa, ma lo tratteremo nel capitolo seguente, poiché cerchiamo di usare i tag per definire elementi specifici.

Paragraph tag

Un principio simile si applica ai tag di inizio paragrafo, che sono rappresentati da <p>. Questo permette di strutturare i contenuti e di dividerli in paragrafi rilevanti, il che a sua volta si traduce in un’esperienza di lettura più facile e senza soluzione di continuità. Ancora una volta, il tag <p> deve essere posizionato all’inizio del testo rilevante, prima che il tag di chiusura alternativo venga applicato alla fine per completare l’effetto.

A differenza dei tag di intestazione, tuttavia, non ci sono vari numerici che possano alterare la dimensione del testo presente nel paragrafo.

Per esempio:

<p>Il tuo primo paragrafo</p>

<p>Il tuo secondo paragrafo</p>

<p>Il tuo terzo paragrafo</p>

Al di fuori del formato HTML, il testo sarà suddiviso come segue sulla tua pagina web finita:

Il tuo primo paragrafo

Il tuo secondo paragrafo

Il tuo terzo paragrafo

Tag di interruzione di linea

I primi esempi rappresentano i tag HTML più elementari, ma ce ne sono altri che utilizzano un formato diverso e delle chiusure alternative. Prendiamo le interruzioni di riga, per esempio, che creano una distinzione in base alla quale le righe di testo vengono interrotte e proseguono sulla riga successiva. C’è una differenza fondamentale tra le interruzioni di riga e i paragrafi nel campo dell’HTML, poiché mentre i secondi sono elementi standard a blocchi che contengono testo, i primi creano una separazione all’interno di un elemento <p> esistente.

Per questo motivo, le interruzioni di riga rappresentano un elemento vuoto in HTML e quindi non sono definite né da tag di apertura né da tag di chiusura. Al contrario, sono rappresentate dal tag <br/>, che può essere inserito in elementi <p> esistenti per spezzare il testo e potenzialmente evidenziare pezzi importanti di informazioni.

Ecco un esempio:  

<p>Buongiorno,<br/>Grazie mille per la vostra richiesta, vi contatteremo se avremo bisogno di qualcos’altro. <br/>

Cordiali saluti<br/>

Signor Rossi</p>

Una volta applicato, il testo verrà suddiviso come segue:

Buongiorno,

Molte grazie per la vostra richiesta, vi contatteremo se avremo bisogno di qualcos’altro.

Cordiali saluti

Signor Rossi

Come si può vedere, è possibile applicare interruzioni di riga tutte le volte che si desidera all’interno di un elemento di paragrafo esistente, a condizione che aggiungano valore e rendano le informazioni più facili da digerire. Vedrai anche che i tag di apertura e di chiusura del paragrafo rimangono invariati, con i tag di interruzione di riga usati per modificare il layout del testo incluso all’interno.

Questo è uno degli esempi di come i tag HTML possono essere usati per modificare elementi esistenti, che gioca un ruolo chiave nella definizione del layout visivo delle pagine web e dei contenuti.

Linee orizzontali

Allo stesso modo, ci sono altri tag che possono essere utilizzati all’interno dell’elemento <p> o per separare ulteriormente i corpi di testo sulla tua pagina web. Uno dei più utilizzati è il tag <hr>, che aiuta a creare un elemento vuoto che disegna una linea visiva orizzontale tra le varie sezioni di un documento online. Potresti voler posizionare una linea tra due corpi di testo, per esempio, per far sì che il lettore si concentri di nuovo o semplicemente per introdurre un nuovo elemento visivo. Questo è il modo in cui si crea una tale rottura nell’HTML:

<p>Il tuo primo paragrafo</p>

<hr/>

<p>Il tuo secondo paragrafo</p>

Qui, la rottura tra i caratteri hr e la barra in avanti evidenzia la costruzione di un elemento vuoto, mentre ancora una volta non c’è un tag di chiusura necessario per completare l’effetto. In questo modo si crea il seguente effetto visivo:

Il tuo primo paragrafo

________________________________________

Il tuo secondo paragrafo

Tag immagine

I tag immagine rappresentano anche elementi vuoti in HTML, il che significa ancora una volta che non hanno un tag di chiusura. Poiché contengono solo attributi che si riferiscono all’URL dell’immagine che si sta incorporando nel sito, sono definiti semplicemente dal tag <img > all’inizio dell’elemento. Questi possono essere inseriti ovunque sul tuo sito web, anche se è insolito includerli in elementi esistenti come paragrafi o intestazioni. Ecco come si presenterà un tipico tag di immagine HTML:

<img src=”url” alt=”testo” style=”width:width;height:height;”>

Si dovrebbe anche fornire un testo alternativo per la tua immagine, che aiuta le persone a visualizzarla in caso di tempi di caricamento lenti o l’uso di screen reader. In questo modo, se il browser non riesce a trovare un’immagine, visualizzerà il valore dell’attributo alternativo agli spettatori. Anche in questo caso si utilizza il tag immagine, ma include un diverso set di attributi:

<img src=”nomeimmagine.gif” alt=”HTML5 Icon” style=”width:128px;height:128px;”>

Elementi HTML

In precedenza, abbiamo esaminato come i semplici tag HTML vengono utilizzati per definire gli elementi della pagina, esplorando anche come possono essere ulteriormente personalizzati utilizzando elementi vuoti che contengono tag di immagine e di interruzione di riga. Questo ci aiuta a capire la relazione che esiste tra i tag e gli elementi, e come possono essere utilizzati per definire diversi tipi di contenuti sul tuo sito web.

Mentre tutti gli aspetti del linguaggio HTML sono rappresentati da un tag, per esempio, un elemento definito che include contenuti deve avere sia un tag di inizio che un tag di chiusura. Quindi, le intestazioni e i paragrafi sono elementi HTML perché utilizzano i tag di inizio e di chiusura per incapsulare e accrescere il testo corrispondente. Al contrario, gli elementi vuoti o contengono attributi o non contengono alcun contenuto, permettendo di utilizzarli all’interno di elementi esistenti senza la necessità di un tag di chiusura.

Definizione degli elementi HTML

Quando si utilizzano esempi come titoli e paragrafi, la corretta applicazione dei tag di partenza e di chiusura è fondamentale. È il tag di inizio (come <h1> o <p>) che definisce l’elemento in questione, per esempio, mentre il tag di chiusura assicura che questo elemento non venga continuato nel resto della pagina web. Se non si utilizza il tag di chiusura </p> alla fine di un paragrafo desiderato, ad esempio, il testo apparirà in un unico blocco che è antiestetico ed estremamente difficile da leggere.

Tutti i tag di chiusura sono identici ai tag iniziali, a parte il fatto che i primi presentano una barra in avanti prima dei relativi caratteri. Così, nel caso di un titolo <h1>, il tag di chiusura sarà </h1> , mentre per i paragrafi si utilizzerà sempre </p> per definire la pausa nel testo. Questo richiede attenzione ai dettagli durante la programmazione, ed è importante notare quando si programmano le intestazioni che il numero che si usa (come h1 o h2) viene applicato sia nel tag di inizio che in quello di chiusura.

Utilizzo di elementi HTML nidificati

In questa fase, è chiaro che i documenti HTML e le pagine web sono formati da un albero di vari elementi, che servono come elementi costitutivi di una serie di asset. Abbiamo anche esaminato come questi elementi possono essere formati e utilizzati per strutturare i contenuti online, e continueremo a farlo ora guardando gli elementi HTML annidati.

Così come gli elementi vuoti e i tag stand-alone (come <br/> possono essere incorporati in elementi HTML definiti, i cosiddetti elementi nidificati possono anche essere alloggiati all’interno di contenuti come titoli e paragrafi. Questi includono esempi come il grassetto e il corsivo e il testo sottolineato, mentre possono essere applicati per aggiungere personalità al contenuto e attirare l’attenzione del lettore su specifici punti di interesse.

Testo in grassetto, corsivo e barrato in HTML

Diciamo che si vuole evidenziare una parola all’interno di un elemento di paragrafo esistente. Si può ottenere questo risultato rendendolo in grassetto, utilizzando semplici tag all’interno dell’elemento standard <p>. Usando l’HTML, lo programmerai come segue:

<p>Voglio che <b>questa</b> parola sia in grassetto.</p>

Qui, l’elemento annidato ha sia un tag di inizio che di chiusura, ognuno dei quali segue un formato simile a quelli associati alle intestazioni e ai paragrafi. Essi possono essere utilizzati senza soluzione di continuità all’interno di elementi esistenti, e in questo caso, produrrà i seguenti risultati:

Voglio che questa parola sia in grassetto.

Ora, diciamo che si vorrebbe anche cambiare la tipografia di questa parola in modo che sia anche in corsivo. Questo si può ottenere semplicemente aggiungendo un altro elemento annidato, che dovrebbe essere codificato in questo modo:

<p>Voglio che <b><i>questa</i></b> parola sia in grassetto.</p>

Come si può vedere, i tag di avvio e di chiusura in corsivo sono stati semplicemente incorporati nell’elemento <p>. Questo trasformerà ora il contenuto all’interno dell’elemento in modo che appaia come segue: 

Voglio che questa parola sia in grassetto. 

Naturalmente, puoi decidere che preferisci evidenziare questa parola in un modo diverso. Puoi quindi utilizzare un elemento nidificato alternativo, come ad esempio barrato (che è rappresentato dai tag <s> e </s>. Questi tag possono essere applicati allo stesso modo all’interno dell’elemento <p>, che appare come segue in HTML:

<p>Voglio che <s>questa</s>parola sia barrata. </p>

In questo caso, il testo apparirà come segue sul tuo documento o sulla tua pagina di destinazione: 

Voglio che questa parola sia barrata.

Questo offre una visione degli elementi che possono essere formati dai tag, che a loro volta definiscono la struttura delle tue pagine web e il contenuto che esse presentano. Non solo questo, ma anche elementi vuoti e annidati possono essere utilizzati per definire ulteriormente il tuo contenuto.

Attributi HTML

Se i tag sono i blocchi che costruiscono e definiscono gli elementi, allora gli attributi HTML possono essere usati per personalizzare le loro caratteristiche (come lo stile, il colore e il linguaggio. Tutti gli elementi HTML hanno attributi di base, che forniscono informazioni di base e sono sempre specificati all’interno del tag stat. Essi tendono a presentarsi in coppia, quindi spesso appariranno nel seguente formato: name=”value”.

In termini semplici, il nome rappresenta la proprietà che si desidera impostare, mentre il valore si riferisce ai criteri specifici che si desidera incorporare.

Ci sono un gran numero di attributi che possono essere applicati ai vostri elementi HTML, ma quelli che sono più rilevanti per i webmaster alle prime armi lo sono:

L’attributo ‘lang’

Il singolo attributo più elementare definisce il linguaggio del documento e i suoi elementi. Viene dichiarato utilizzando l’attributo ‘lang’ e, pur essendo facilmente trascurabile, ha il vantaggio di rendere i contenuti più accessibili ai videoterminali e ai motori di ricerca. Di solito viene presentato all’inizio del documento nel seguente formato:

<html lang=”en-US”>

Seguendo l’attributo lang, le prime due lettere specificano la lingua (che in questo caso è l’inglese). Dopo il trattino, le due lettere successive stabiliscono il linguaggio parlante, anche se questo non sarà presente per tutte le lingue. È importante che questo attributo sia corretto se si vuole raggiungere con successo il proprio pubblico.

L’attributo ‘align’

Abbiamo già toccato il formato degli attributi HTML (name=”value”), e la migliore incarnazione di questo avviene quando si cerca di allineare il contenuto all’interno dei propri elementi. Puoi decidere di centrare tutti i paragrafi su una pagina specifica, ad esempio, con l’allineamento come proprietà che desideri impostare. Successivamente, il “center” è il valore dell’attributo, anche se hai la possibilità di scegliere se allineare il testo a sinistra o a destra.

Per esempio:

<p align=”center” > Questo testo è allineato al centro</p>

Questo allineerà i tuoi elementi <p> al centro della pagina e creerà un layout uniforme per adattarsi alla natura specifica del tuo sito web (vedi sotto):

Questo testo è allineato al centro

Questo testo è allineato al centro

Questo testo è allineato al centro

L’attributo ‘href’

Se hai intenzione di costruire un sito web visibile, è importante incorporare sia i link in entrata che quelli in uscita. Anche la costruzione di un portfolio di link che includa backlink verso le pagine di destinazione interne è una strategia praticabile, perciò dovrai imparare a codificarli in HTML.

I link HTML sono definiti con il <a>tag, che include il link di destinazione insieme al testo di ancoraggio affiliato che ospiterà l’URL. È l’attributo ‘href’ che specifica l’indirizzo del sito, tuttavia, questo è incorporato come parte del tag iniziale. È codificato in HTML come segue:

<a href=”https://www.google.com“>Google</a>

Questo evidenzia chiaramente la distinzione tra il tag di inizio e quello di chiusura, e si tradurrà come segue sulla tua pagina:

Google

L’attributo ‘color’

Questo è un altro importante attributo, in quanto l’uso del colore può dare vita al tuo sito web contribuendo a creare importanti contrasti e una forte estetica del design. In HTML, un colore può essere specificato utilizzando il suo nome, anche se è possibile utilizzare anche un valore RGB o un valore HEX per raggiungere questo scopo. La prima opzione è però la più facile da seguire, e può essere applicata anche alle intestazioni, ai paragrafi e ad altri elementi della tua pagina.

Questo è un attributo di stile, con la scelta del colore che rappresenta il valore che si desidera impostare. Quando si applica il colore rosso all’intestazione principale, per esempio, sarà simile a questo: 

<h3 style=”color:red”>Il colore del testo è impostato utilizzando il rosso</h3>

Una volta applicato, questo elemento apparirà sul tuo sito web come segue:

Il colore del testo è impostato utilizzando il rosso

Ancora una volta, c’è una chiara distinzione tra i tag di inizio e di chiusura che definiscono l’elemento, mentre questo è uno degli attributi più facili da applicare in HTML. Inoltre, evidenzia ulteriormente il formato name=”valore” degli attributi HTML, rendendo il processo di apprendimento e l’applicazione di questi molto più semplice in tutto il tuo sito web.

Provalo tu stesso

Con una comprensione di base dell’HTML e dei suoi singoli elementi, il passo successivo è quello di intraprendere alcuni semplici progetti e applicare le proprie conoscenze teoriche per risolvere le sfide pratiche.  

Nell’esercizio descritto di seguito, è stato presentato un testo, ma è stato chiesto di formattare vari aspetti utilizzando l’HTML. Utilizza la guida e tutto ciò che hai imparato finora per completare la sfida mentre ti prepari a programmare il tuo sito web.

<h1>Header principale

<p>Benvenuto sul nostro sito web, Example.com! Ci auguriamo che vi piaccia leggere i nostri contenuti, sentitevi liberi di contattarci. </p>

<p>Grazie per la visita! </p>

<p>Impara di più. </p>

Domande:

  1. Completare l’elemento di intestazione con la corretta etichetta di chiusura.
  2. Rendere l’intestazione in grassetto.
  3. Inserire una linea orizzontale sotto l’intestazione.
  4. Utilizzare l’attributo del colore e la sfumatura ‘Grazie per la visita’ in verde
  5. Inserire questo hyperlink (https://www.w3schools.com/html/) nel testo di ancoraggio “Impara di più”.
  6. In testa alla pagina, usare il formato name=”value” per allineare a sinistra i paragrafi

Statistiche e curiosità sul linguaggio HTML

  1. Gli elementi HTML, head e body fanno parte delle specifiche HTML dalla metà degli anni ’90, e fino a pochi anni fa erano gli elementi primari usati per dare struttura ai documenti HTML. Tuttavia, la situazione è cambiata drasticamente negli ultimi anni, poiché l’HTML5 ha aggiunto una serie di nuovi tag che possono essere usati per aggiungere un ricco significato semantico alla struttura di un documento HTML.
  2. I documenti HTML devono iniziare con una dichiarazione del tipo di documento (informalmente, un “doctype”). Nei browser, il doctype aiuta a definire la modalità di rendering. L’HTML5 non definisce una DTD; pertanto, in HTML5 la dichiarazione del tipo di documento è più semplice e più breve.
  3. I browser per dispositivi mobile hanno adottato pienamente l’HTML5, per cui la creazione di progetti pronti per il mobile è facile come la progettazione e la costruzione per i loro display touch screen più piccoli – da qui la popolarità del Responsive Design. Ci sono alcuni grandi meta tag che permettono anche di ottimizzare per il mobile.  
  4. Il 78% degli sviluppatori concorda sul fatto che la struttura è adatta per la creazione di applicazioni mobili, e il 68% dice che è adatta per la progettazione di qualsiasi tipo di applicazione.
  5. HTML5 viene anche fornito con una serie di ottime API che permettono di costruire una migliore esperienza utente e un’applicazione web più solida e dinamica – ecco un breve elenco di API native:
  • Drag and Drop (DnD)
  • Database di archiviazione offline
  • Gestione della cronologia del browser
  • Elaborazione di documenti
  • Riproduzione temporizzata dei media
  1. HTML5 non è controllato da una sola società. Una delle sue caratteristiche migliori risiede nel fatto che è uno standard aperto. Gli sviluppatori hanno la libertà di lasciare fluire la loro creatività e di aggiungere quante più funzioni e caratteristiche possibili.
  2. Rispetto ad altri browser, ogni aggiornamento di Google Chrome si assicura di includere il supporto per l’HTML5. Inoltre, il player predefinito di YouTube è ora HTML5 e gli annunci Flash di Google vengono ora convertiti in HTML5.
  3. Utilizzo dell’HTML5 da parte degli sviluppatori:
  • Nord America e America Latina – 70%
  • Sud America – 61%
  • ASPAC – 60%
  • Australia – 60%
  • Europa – 59% – 59
  • Africa – 50%

Conclusione

Sebbene l’HTML sia stato creato solo nel 1991 (con la prima versione del linguaggio di programmazione lanciata successivamente nel 1995), è diventato rapidamente uno strumento fondamentale nella progettazione di siti web funzionali e visivamente accattivanti. Anche il livello di influenza dell’HTML continua ad evolversi, con l’ultima iterazione (HTML5) adottata da un numero crescente di siti web in tutto il mondo.

A questo proposito, imparare gli elementi di base dell’HTML e come applicarli è il passo più importante per creare un sito web di successo, visibile e, in ultima analisi, competitivo.

close

Scarica ora la tua Checklist Gratuita

Oltre 10.000 parole e 46 punti sulle cose da fare prima di avviare un blog di successo!

No spam! Leggi l'Informativa sulla privacy per avere maggiori informazioni.

Default image
Riccardo Virtuoso
Mi chiamo Riccardo Virtuoso e sono un consulente SEO ossessionato da WordPress, web performance e affiliate marketing - oltre alla SEO ovviamente ;). Ora, sto condividendo tutto ciò che so per aiutarti a costruire un business online redditizio.