utile

Guida HTML

Vuoi imparare a programmare in Html? In questa guida di StemKB ti spiego come funziona il linguaggio Html e come realizzare un documento, una pagina o un sito web. E' un corso online gratuito.

Come aprire una pagina in Html? Per modificare o scrivere un file in linguaggio Html hai bisogno soltanto di un editor di testo. Per cominciare ti consiglio di usare il Blocco Note di Windows. Lo trovi alla voce Accessori di Windows.
dove si trova il Blocco Note

Cos'è l'HTML

L'HTML è un linguaggio di markup di tipo descrittivo.

HTML vuol dire Hyper Text Markup Language.

E' composto da un insieme di marcatori, detti tag, che ti permettono di realizzare un documento ipertestuale.

il documento ipertestuale non è più vuoto

I tag (marcatori) e il testo sono contenuti nello stesso file di testo. Il file deve avere l'estensione .HTM o .HTML.

Nell'esempio precedente sono tag i seguenti: <p>, <body>, <html>

Nota. Alcuni tag hanno un tag di apertura e un tag di chiusura. Ad esempio, <p> e </p>, <body> e </body>, <html> e </html>. Altri tag, invece, hanno un tag unico. Ad esempio, il tag <img>.

A cosa servono i tag

I tag organizzano il testo e aggiungono delle funzionalità al documento.

Ad esempio, puoi inserire i collegamenti ipertestuali ( link ) verso altre pagine, visualizzare delle tabelle o delle immagini.

come funziona un documento html

I tag non sono visualizzati sullo schermo ma soltanto elaborati dal browser.

Ad esempio, i tag <p> e </p> non sono visualizzati sullo schermo ma indicano al browser che il testo contenuto al loro interno è un paragrafo del documento.

Come funziona un browser?. Per visualizzare un documento scritto in Html devi usare un software detto browser. Ad esempio, Google Chrome, Mozilla Firefox, Internet Explorer, Edge, Safari. Un browser legge il file Html, riconosce e interpreta i tag del linguaggio HTML .In questo modo, formatta e visualizza sullo schermo la struttura del documento ipertestuale.

Come creare una pagina Html

In questa lezione iniziale ti spiego come si crea un documento ipertestuale partendo da zero. E' molto semplice.

salva il documento html sul PC

 

Il linguaggio HTML non è case sensitive

Vuole dire che il linguaggio HTML non distingue tra le lettere maiuscole e minuscole quando interpreta i tag.

Ad esempio, puoi scrivere indifferentemente <body> oppure <BODY>. E' la stessa cosa.

un esempio di tag sc/data/stemkb/html-stemkb-2023-5.gifritti in maiuscolo e minuscolo

Inoltre, se scrivi un tag in maiuscolo (es. <BODY>) e poi lo chiudi in minuscolo (es. </body>) funziona lo stesso.

Il browser interpreta correttamente il tag comunque sia scritto.

Tuttavia, è preferibile scrivere tutti i tag in minuscolo per raccomandazione del W3C (World Wide Web Consortium).

il documento con i tag in minuscolo

Gli elementi senza contenuto

Alcuni elementi del linguaggio HTML non hanno contenuto. Questi elementi sono detti empty elements.

Ad esempio, il tag <br> non ha alcun contenuto.

<p>This is a <br> paragraph with a line break.</p>

Quando il browser incontra il tag <br> lo interpreta come un ritorno a capo sulla riga successiva. 

Una breve storia dell'HTML

Il linguaggio Html è stato creato alla fine degli anni '80 da Tim Berners-Lee per organizzare la consultazione dei documenti al Cern.

In breve tempo viene adottato anche dalle università, diventando uno standard per rappresentare i contenuti ipertestuali sulla rete Internet tramite il protocollo HTTP ( Hyper Text Transfert Protocol ).

Con l'Html è nato il Web.




Non hai risolto il tuo problema? Scrivi una domanda




FacebookTwitterLinkedinLinkedin