Per sapere come creare documenti HTML, leggi HTML – primi passi.

Nella lezione precedente abbiamo creato il nostro primo documento HTML.

Nella lezione precedente abbiamo creato il nostro primo documento HTML, il che significa che ormai sapete che scriviamo il codice HTML in un editor di testo e visualizziamo tutte le modifiche tramite il browser aggiornando la pagina (solitamente con il tasto F5).

In questa lezione continueremo a lavorare con il testo e utilizzeremo i tag per racchiudere il testo: span, p e div. Inoltre, vedremo il tag br.

Molto spesso nei siti web si utilizzano liste: nei menu, nei testi per elencare qualcosa. Iniziamo dal tipo di lista più popolare — la lista non numerata <UL></UL> (unordered list - lista non ordinata).

Lista UL

La lista UL viene utilizzata per i menu e per le liste puntate, e in HTML è possibile definire anche l’aspetto del marcatore.

Modifichiamo il nostro codice HTML:

Siamo arrivati al concetto fondamentale di HTML, lo scopo per cui è stato creato: i collegamenti ipertestuali (o semplicemente link). I link sono il modo per creare connessioni tra diversi contenuti. Immagina di avere 100.000 file di testo: anche se creassi un indice con 200 descrizioni per ciascun gruppo, ti servirebbero 500 categorie. Per consultare tutte queste rubriche e trovare le informazioni desiderate, ci vorrebbe molto tempo. Come possono i collegamenti rendere la nostra vita più semplice?

Una delle forme più importanti per la memorizzazione delle informazioni è la tabella. In tabelle vengono conservati dati in Excel, Access e in molti altri database. Le tabelle presentano i dati in modo chiaro e comprensibile, rendendo facile la creazione di grafici e diagrammi.

Le immagini sono un elemento molto importante di un sito web: senza di esse, il sito appare grigio e poco attraente. Le immagini vengono utilizzate per l’aspetto grafico del sito, per gallerie fotografiche o semplicemente per decorare le pagine.

Le immagini vengono inserite tramite il tag IMG (nota che non si scrive “image” per intero, ma solo img). Il tag IMG è un tag singolo <img />, cioè non ha un tag di chiusura.

Molto spesso è necessario inserire un video da YouTube nel proprio blog. In questa lezione vedremo quali tag e attributi vengono utilizzati. Per cominciare, entriamo su YouTube e copiamo il codice del video.

Abbiamo già parlato del fatto che diversi tag hanno i propri attributi. Ora è il momento di parlare del fatto che esistono anche attributi comuni a tutti i tag. Vediamo i più popolari.

L’elemento principale di un sito web è il menu (navigazione). Attraverso di esso avviene lo spostamento tra le pagine del sito. Inoltre, il menu è importante per l’indicizzazione del sito da parte dei motori di ricerca: senza collegamenti tra le pagine, il motore di ricerca non potrà esplorarle tutte. Vediamo da cosa è composto un menu.

Penso di concludere qui il corso di HTML, anche se continuerò a pubblicare altre lezioni di HTML quando mi verranno nuove idee. Potrebbe sembrarti che il corso sia piuttosto breve, ma dopotutto si intitola “Primi passi”. Non credo sia necessario descrivere subito tutti i tag — lo farò più avanti, in un vero e proprio manuale di riferimento su HTML.

Se desideri proseguire lo studio, ti consiglio di continuare con il CSS: è la parte dell’HTML che permette di dare stile agli elementi, rendendo tutto più gradevole alla vista.