06. Feb, 2024

Comandi HTML 5: impara a creare pagine web utilizzando un editor di testo anche se parti da zero

Internet è diventato parte integrante della vita di ogni individuo. Ogni giorno accediamo alla rete in cerca di notizie, svago, prodotti e servizi e tanto altro lo facciamo soprattutto perché navigare in rete è semplice ed estremamente intuitivo. Tutto questo è possibile grazie ad alcuni codici denominati comandi html.

Ciò che visualizziamo attraverso il nostro browser di riferimento, che sia Google Chrome, piuttosto che Explorer, Edge o Safari, infatti, ha alle spalle un linguaggio di markup: HTML.

L’HyperText Markup Language (HTML, appunto) è un linguaggio nato per la formattazione e l’impaginazione delle pagine web. L’obiettivo è quello di rendere il contenuto compatibile con tutti i browser così da permettere una visualizzazione omogenea dei contenuti a prescindere dalle caratteristiche navigatore. In questo modo, quale che sia il browser, sarà possibile accedere a tutti i contenuti presenti in rete e raggiungere virtualmente ogni pagina web esistente.

Proprio per questo motivo, ossia questo gran bisogno di compatibilità, ogni contenuto web sviluppato, anche con linguaggi di scripting come, ad esempio, PHP, ha un codice sorgente in HTML che può essere consultato per capire rapidamente la struttura di una pagina. Cosa significa questo? Che per quanto concerne la decodifica web, non ha importanza quale sia stato il linguaggio di programmazione utilizzato per realizzare una determinata pagina, un sito o un portale, alle spalle ci sarà sempre il markup html che permette a questi contenuti web di essere visualizzati correttamente.

Imparare a scrivere in HTML, dunque, significa avere la facoltà di realizzare ogni cosa fruibile sul web e permette di creare da zero qualunque (o quasi) tipo di contenuto.

Una delle caratteristiche estremamente interessanti e attrattive di HTML (arrivato ora alla versione HTML5) è la semplicità dei comandi e della struttura sintattica che, di fatto si ripete sempre. Una volta imparata la logica di HTML e alcuni suoi comandi base, realizzare contenuti web diventa relativamente semplice.

Per entrare nel merito nel mondo HTML c’è bisogno di fare una piccola introduzione.

Ogni comando di impostazione pagina, dalla tipologia del testo (titolo, corpo del testo ecc. ecc.) all’inserimento di una fotografia prevede la digitazione di due parentesi uncinate all’interno delle quali va inserito il codice specifico; per terminare quel comando il codice va ripetuto con un inserimento di una barra obliqua dopo la prima parentesi.

Es. …

In questo caso il codice html è stato inserito prima del testo attraverso la formula specifica e dopo il testo provvisto di “/” che indica la chiusura di quel comando.

Ecco una lista dei comandi base html:

  1. » … è un comando da inserire all’inizio e alla fine di un testo per il web per indicare al sistema di codifica che è un testo scritto, appunto, in HTML. In questo modo ogni codice successivo sarà riconosciuto e visualizzato dal browser in modo corretto
    2. <5>» … viene utilizzato  per identificare il titolo del sito web ossia il testo che visivamente è presente nella tab del browser. Se ad esempio vogliamo assegnare “Vendita Strategica – Diventa anche tu il venditore più felice del mondo” come titolo al nostro sito, dobbiamo inserire tutto il testo, escluse le virgolette, all’interno del comando html Title. TAG Title in HTML: dai un titolo alla tua pagina web 5>
<5> » … oppure il tag … è il codice utilizzato per inserire una o più parole in carattere corsivo. Questo stile è motlo utilizzato quando si ha la necessità, ad esempio, di riportare un’affermazione o una citazione di altri sul proprio sito oppure per creare semplicemente dinamismo estetico. TAG corsivo in HTML: formatta il tuo testo in Italic 5>
<5>» …. viene utilizzato qualora si volesse inserire un testo sottolineato per evidenziarlo e renderlo più leggibile <5> Tag sottolineato in HTML: formatta il tuo testo sottolineandolo 5>5>
<5>» … oppure in alternativa … sono due codici equivalenti che permettono a chi scrive in html di inserire parole in carattere grassetto. Parliamo di un comando HTML molto utilizzato dai programmatori per mettere in risalto una o più parole all’interno di un testo cosi da renderlo più leggibile <5> Tag grassetto in HTML: formatta il tuo testo inserendo il grassetto 5>5>
<5>»
    …

 serve per indicare al sistema di inserire all’interno del testo un elenco puntato. All’interno di un sito web l’utilizzo degli elenchi puntati è ricorrente: elencare i vantaggi di un prodotto, creare un meno di accesso rapido o ancora elencare, ad esempio, i prodotti in vendita. Dal punto di vista visuale è di elevato impatto. <5> Tag elenco puntato in HTML: crea un menu per il tuo sito 5>5>
<5>»
    …

 è un codice che va inserito qualora l’intento del programmatore fosse quello di inserire un elenco numerato. Considerato che uno dei principali fattori che incide sulla conversione di una pagina web è il gradimento del lettore, inserire gli elenchi puntati migliora sensibilmente la lettura e di conseguenza l’esperienza di navigazione dell’utente. <5> Tag elenco numerato in HTML: crea una lista di elementi ordinati 5>5>
<5>»
  • …

    •  all’interno degli elenchi, puntati o numerati che siano, vanno inseriti i vari elementi della lista. Per farlo, ogni elemento va contraddistinto dal
  • <5>»

     è il codice deputato all’inserimento di una linea di divisione tra una parte del testo e l’altra. Una delle regole di base da considerare quando si crea una pagina web è il suo peso; una pagina pesante da caricare non è di certo apprezzata dal navigatore. Ecco perché per creare elementi grafici, quando è possibile, si utilizzando comandi html piuttosto che immagini. <5> Tag per disegnare una linea in HTML 5>5>5>