1️⃣ Struttura iniziale del documento HTML
-
<!DOCTYPE html>
indica al browser che il documento è scritto in HTML5. -
<html lang="it">
apre il documento HTML e specifica che la lingua è italiano (utile per accessibilità e motori di ricerca). -
<head>
contiene informazioni generali sulla pagina (non visibili all’utente). -
<meta charset="UTF-8">
serve per visualizzare correttamente accenti e caratteri speciali. -
<title>
è il titolo della pagina che compare nella scheda del browser, non nella pagina. -
<body>
contiene tutto ciò che viene visualizzato nella pagina web.
2️⃣ Titoli e testo: H1, H2 e lista UL
-
<h1>
è il titolo principale della pagina (il più importante). -
<h2>
è un sottotitolo, usato per suddividere i contenuti. -
style="color: ..."
applica un colore al testo usando CSS inline.
-
<ul>
crea un elenco non ordinato (puntato). -
<li>
rappresenta un elemento dell’elenco.
📌 Il browser aggiunge automaticamente i pallini.
3️⃣ La tabella
-
<table>
crea una tabella. -
border="1"
aggiunge un bordo visibile (soluzione semplice, oggi si userebbe il CSS).
Righe e celle
4️⃣ Immagine e link
Immagine
-
<img>
serve per inserire un’immagine. -
src
indica l’indirizzo dell’immagine. -
alt
testo alternativo:-
usato dai lettori vocali
-
mostrato se l’immagine non si carica
-
-
width
imposta la larghezza in pixel.
📌 Il tag <img> non ha tag di chiusura.
-
<a>
crea un collegamento ipertestuale. -
href
contiene l’indirizzo di destinazione. -
target="_blank"
apre il link in una nuova scheda.
Chiusura del documento