Summary  
This chapter introduces semantic HTML elements for structuring textual content, covering the use of paragraph (`<p>`) and heading (`<h1>`–`<h6>`) tags.

General domain of usage  
Web page content structuring

# Paragrafo
Il tag `<p>` viene utilizzato per definire un paragrafo di testo. Per impostazione predefinita, ogni paragrafo inizia su una nuova riga. Il tag `<p>` è comunemente usato per visualizzare contenuti testuali, come articoli, blog e altre forme di informazioni testuali su una pagina web.

Il tag `<p>` è anche fondamentale per l'ottimizzazione dei motori di ricerca, poiché i motori di ricerca lo utilizzano per comprendere la struttura di una pagina web e identificare il contenuto principale. Si raccomanda di utilizzare il tag `<p>` per tutto il contenuto testuale della pagina web. Fanno eccezione i titoli, gli elementi di elenco o altri tipi di contenuto specializzati.

PHA+CiAgVGhlIGFuY2llbnQgY2FzdGxlIHN0b29kIHRhbGwgb24gdGhlIHJ1Z2dlZCBjbGlmZiwgb3Zlcmxvb2tpbmcgdGhlIHZhc3QKICBleHBhbnNlIG9mIHRoZSByb2FyaW5nIG9jZWFuLiBUaW1lIHNlZW1lZCB0byBoYXZlIGZyb3plbiBpbiBpdHMgbW9zcy1jb3ZlcmVkCiAgd2FsbHMsIHdoaXNwZXJpbmcgdGFsZXMgb2YgYnlnb25lIGVyYXMuIFZpc2l0b3JzIG1hcnZlbGVkIGF0IHRoZSBpbnRyaWNhdGUKICBhcmNoaXRlY3R1cmUsIGltbWVyc2luZyB0aGVtc2VsdmVzIGluIHRoZSByaWNoIGhpc3RvcnkgdGhhdCBwZXJtZWF0ZWQgZXZlcnkKICBjb3JuZXIgb2YgdGhlIG1hamVzdGljIGZvcnRyZXNzLgo8L3A+CjxwPgogIFRoZSBnZW50bGUgYnJlZXplIHJ1c3RsZWQgdGhyb3VnaCB0aGUgdGFsbCwgc3dheWluZyB0cmVlcyBhcyB0aGUgc3VuIGRpcHBlZAogIGJlbG93IHRoZSBob3Jpem9uLCBwYWludGluZyB0aGUgc2t5IGluIGEgYnJlYXRodGFraW5nIGRpc3BsYXkgb2YgdmlicmFudAogIGNvbG9ycy4gTmF0dXJlJ3MgYmVhdXR5IGVudmVsb3BlZCB0aGUgdHJhbnF1aWwgbWVhZG93LCBjcmVhdGluZyBhIHNlcmVuZQogIGF0bW9zcGhlcmUuCjwvcD4=

In un ambiente di sviluppo integrato (IDE), un'applicazione software che aiuta i programmatori a sviluppare codice in modo efficiente, è possibile utilizzare la funzionalità `lorem` per generare testo da utilizzare come riempitivo per scopi di design e layout. Ad esempio, puoi digitare `lorem20` nel documento HTML e premere il tasto `Enter`. Questo creerà un testo lungo 20 parole. Al posto di `20`, può essere utilizzato qualsiasi numero.

Nota

# Intestazioni
Le intestazioni `<h1>` ... `<h6>` sono utilizzate per definire la gerarchia e la struttura di una pagina web. Le intestazioni forniscono contesto al contenuto della pagina, aiutano gli utenti a navigare nella pagina e sono anche utilizzate dai motori di ricerca per comprendere il contenuto della pagina. I tag `<h1>` a `<h6>` vengono usati per creare intestazioni di dimensioni e livelli di importanza diversi, con `<h1>` come la più importante e `<h6>` come la meno importante. È buona pratica utilizzare le intestazioni in ordine logico ed evitare di saltare i livelli (ad esempio, passare da `<h1>` a `<h3>` senza usare `<h2>`).

PCEtLSBNYWluIGhlYWRpbmcgb2YgdGhlIHdlYnBhZ2UgLS0+CjxoMT5XZWxjb21lIHRvIE15IEJsb2c8L2gxPgoKPCEtLSBTZWN0aW9uIGhlYWRpbmcgLS0+CjxoMj5JbnRyb2R1Y3Rpb248L2gyPgo8cD5XZWxjb21lIHRvIG15IGJsb2cgd2hlcmUgSSBzaGFyZSBteSBleHBlcmllbmNlcy48L3A+Cgo8IS0tIFNlY3Rpb24gaGVhZGluZyAtLT4KPGgyPkV4cGxvcmluZyBOYXR1cmU8L2gyPgo8IS0tIFNlY3Rpb24gc3ViaGVhZGluZyAtLT4KPGgzPkhpa2luZzwvaDM+CjxwPkJyZWF0aHRha2luZyB2aWV3cyBpbiB0aGUgbW91bnRhaW5zIG1hZGUgaXQgdW5mb3JnZXR0YWJsZS48L3A+CjwhLS0gU2VjdGlvbiBzdWJoZWFkaW5nIC0tPgo8aDM+UmVsYXhpbmcgYnkgdGhlIExha2U8L2gzPgo8cD5UaGUgdHJhbnF1aWwgbGFrZSBwcm92aWRlZCBwZWFjZSBhZnRlciBhIGxvbmcgZGF5LjwvcD4KCjwhLS0gU2VjdGlvbiBoZWFkaW5nIC0tPgo8aDI+Rm9vZCBBZHZlbnR1cmVzPC9oMj4KPCEtLSBTZWN0aW9uIHN1YmhlYWRpbmcgLS0+CjxoMz5TdHJlZXQgRm9vZDwvaDM+CjxwPlN0cmVldCBmb29kIG9mZmVyZWQgc2F2b3J5IHNuYWNrcyBhbmQgc3dlZXQgdHJlYXRzLjwvcD4KPCEtLSBTZWN0aW9uIHN1YmhlYWRpbmcgLS0+CjxoMz5GaW5lIERpbmluZzwvaDM+CjxwPkEgcmVub3duZWQgcmVzdGF1cmFudCBzZXJ2ZWQgZXhxdWlzaXRlIGRpc2hlcy48L3A+

Impara le basi dell'HTML (HyperText Markup Language), la base dello sviluppo web. Questo corso adatto ai principianti copre tag, attributi, elementi e strutturazione delle pagine web. Acquisisci competenze pratiche nella creazione di intestazioni, paragrafi, elenchi, immagini, link, moduli e tabelle. Esplora le migliori pratiche, l'ottimizzazione e l'accessibilità web. Inizia il tuo percorso di sviluppo web con HTML.

Esplora il funzionamento interno del web. Scopri come i dati viaggiano attraverso le reti, scopri il ruolo dei protocolli e svela i misteri degli indirizzi IP e dei nomi di dominio. Ottieni una comprensione a livello generale di come i browser web e i server comunicano per fornire contenuti web.

Scopri il potere dei tag per strutturare il contenuto, dai titoli e paragrafi a elenchi e tabelle. Impara come migliorare gli elementi con gli attributi.

Il nucleo della struttura del documento HTML. Impara i componenti di un documento HTML, inclusa la dichiarazione doctype, head e body. Comprendi lo scopo di ciascun elemento e come contribuiscono alla struttura complessiva di una pagina web.

Rendi una pagina web più attraente con l'aiuto di media come immagini, audio e video. Lavora con dati tabulari strutturati sotto forma di tabelle.

Esplora la versatilità dei moduli HTML. Impara a progettare moduli intuitivi e facili da usare sfruttando concetti e tecniche chiave. Scopri come i moduli consentono l'interazione dell'utente e l'invio di dati sui siti web.

Formattazione del testo

Paragrafo

Intestazioni