Lezione 1: Cos'è HTML e Come Funziona il Web per Principianti

Scopri le basi del web: cos'è HTML, come vengono strutturate le pagine e come interagiscono i browser con i server.

Lezione 1: Cos'è HTML e Come Funziona il Web

Benvenuti nel nostro corso "Impara HTML in 45 lezioni"! In questa prima lezione, getteremo le fondamenta per comprendere il mondo della programmazione web, iniziando con due concetti essenziali: cos'è l'HTML e come funziona il web.

Cos'è l'HTML?

HTML sta per HyperText Markup Language. È il linguaggio standard utilizzato per creare e strutturare i contenuti delle pagine web. Pensalo come lo scheletro di una pagina web: definisce gli elementi come paragrafi, titoli, immagini, link e molto altro.

HTML non è un linguaggio di programmazione nel senso tradizionale (non esegue logica o calcoli), ma è un linguaggio di markup. Utilizza dei tag racchiusi tra parentesi angolari (< >) per definire la struttura e il significato del contenuto. Ecco alcuni esempi di tag comuni:

  • <h1> a <h6>: per i titoli (da h1 il più importante a h6 il meno importante).
  • <p>: per i paragrafi di testo.
  • <a>: per creare collegamenti ipertestuali (link).
  • <img>: per inserire immagini.
  • <div>: un contenitore generico per raggruppare altri elementi.

Ogni tag di apertura (<tag>) ha spesso un corrispondente tag di chiusura (</tag>). Il contenuto si trova tra questi due tag.

Esempio di codice HTML:

<!DOCTYPE html>
<html>
<head>
    <title>La Mia Prima Pagina Web</title>
</head>
<body>

    <h1>Benvenuti nel mio sito!</h1>
    <p>Questo è un paragrafo di esempio.</p>
    <a href="https://www.example.com">Visita Example.com</a>

</body>
</html>

Come Funziona il Web?

Il web, o più precisamente il World Wide Web, è un sistema globale di documenti interconnessi accessibili tramite Internet. Quando digiti un indirizzo web (URL) nel tuo browser, accadono diverse cose in pochi secondi:

  1. Richiesta del Browser: Il tuo browser (come Chrome, Firefox, Safari) invia una richiesta a un server web specifico, chiedendo il documento (la pagina HTML) associato a quell'URL.
  2. Server Web: Il server web riceve la richiesta, trova il file richiesto (ad esempio, un file index.html) e lo invia indietro al tuo browser.
  3. Ricezione e Rendering: Il tuo browser riceve il codice HTML (e potenzialmente altri file come CSS per lo stile e JavaScript per l'interattività). Poi, interpreta (o renderizza) questo codice per visualizzare la pagina web sullo schermo.

Questo processo di richiesta e risposta tra browser (client) e server è alla base del funzionamento del web.

Il Ruolo di HTML, CSS e JavaScript

Sebbene HTML sia fondamentale per la struttura, le pagine web moderne utilizzano anche altri due linguaggi:

  • CSS (Cascading Style Sheets): Viene utilizzato per definire l'aspetto visivo della pagina (colori, font, layout, dimensioni). È come il trucco e i vestiti per lo scheletro HTML.
  • JavaScript: Aggiunge interattività e dinamicità alla pagina (animazioni, aggiornamenti di contenuto senza ricaricare la pagina, validazione di form). È il cervello che fa muovere le cose.

In questo corso ci concentreremo principalmente su HTML, ma è importante sapere che lavora in sinergia con CSS e JavaScript per creare esperienze web complete.

Cosa Abbiamo Imparato?

  • HTML è il linguaggio di markup per strutturare i contenuti web.
  • Utilizza tag per definire elementi come titoli, paragrafi e link.
  • Il web funziona tramite un modello client-server: il browser richiede pagine e il server le invia.
  • HTML, CSS e JavaScript collaborano per creare pagine web.

Nella prossima lezione, esploreremo più a fondo la struttura di un documento HTML e inizieremo a scrivere il nostro primo codice!