I commenti sono utili per:
- Annotare il codice e spiegare a te o ad altri cosa fa una parte del documento
- Disattivare temporaneamente una parte del codice durante test o modifiche
- Organizzare meglio il contenuto in sezioni leggibili
Esempi di situazioni utili:
- “Qui inizia l’intestazione”
- “Questa parte può essere rimossa in futuro”
- “TO DO: aggiungere modulo contatti”
Come si scrivono i commenti in HTML
<!-- Questo è un commento -->Esempio pratico:
<!-- Sezione Titolo Principale --><h1>Benvenuto</h1><!-- Lista di elementi --><ul><li>Item 1</li><li>Item 2</li></ul>
I commenti non vengono visualizzati nel browser, ma sono leggibili nel codice sorgente.
Riepilogo dei Tag HTML finora visti
| Tag | Descrizione |
|---|---|
<!DOCTYPE html> | Dichiara il tipo di documento (HTML5) |
<html> | Contenitore principale del documento HTML |
<head> | Contiene informazioni “invisibili” per il browser (titolo, link, meta) |
<title> | Imposta il titolo della pagina (visibile nella scheda del browser) |
<body> | Contiene tutto ciò che è visibile nella pagina |
<h1> … <h6> | Intestazioni (titoli). h1 è il più importante, h6 il meno |
<p> | Paragrafo di testo |
<strong> | Testo importante (grassetto, semanticamente rilevante) |
<em> | Testo enfatizzato (corsivo, semanticamente rilevante) |
<b> / <i> | Testo in grassetto / corsivo (solo per stile, non semanticamente importante) |
<u> | Sottolineatura |
<br> | Interruzione di riga (a capo) |
<ul> | Lista non ordinata (punti elenco) |
<ol> | Lista ordinata (numerata) |
<li> | Elemento di lista |
<table> | Crea una tabella |
<tr> | Riga della tabella |
<th> | Intestazione della colonna |
<td> | Cella della tabella |
<thead> | Sezione di intestazione di una tabella |
<tbody> | Corpo della tabella |
<link> | Collega un file esterno (come un foglio di stile CSS) |
<style> | (non ancora usato, ma utile) Contiene CSS interno |
Conclusione
Abbiamo visto:
- I tag HTML fondamentali per costruire una pagina web semplice e ben strutturata
- L’uso del CSS per migliorare la presentazione dei contenuti
- L’importanza dei commenti per un codice più leggibile e gestibile
👉 Passa alla lezione 7 cliccando qui. ( in preparazione, stay tuned )