Embedded Files
Il linguaggio HTML (Hypertext Markup Language) è costituito da un insieme di markup tag, o semplicemente tag. In queste pagine faremo riferimento alla versione 5 dell'HTML, spesso referenziata come HTML5, e analizzeremo solo i principali tag del linguaggio.
Un tag è costituito da una keyword (parola chiave) compresa tra due parentesi angolari, come ad esempio <body>.
Molto spesso i tag HTML viaggiano in coppia, ad esempio <b> e </b>.
Il primo tag della coppia viene chiamato tag di apertura, il secondo tag viene chiamato tag di chiusura.
Quando un browser mostra una pagina web, interpreta il codice contenuto nella pagina, costituito da un insieme misto di tag e altri contenuti testuali, e organizza i contenuti in modo appropriato dando una precisa struttura al testo e alle immagini del documento.
Per comprendere quello che accade partiamo con un esempio: copiamo nel nostro editor notepad++ il codice riportato in basso e salviamo il contenuto in un documento con nome documento1.html.
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Titolo della pagina</title>
</head>
<body>
<h1>Il mio primo titolo h1</h1>
<p>Il mio primo paragrafo</p>
</body>
</html>
Con un semplice doppio click sul documento o trascinandolo all'interno di un browser, potremo vedere il documento precedentemente salvato nella sua forma finale.
Analizziamo ora il documento originale per attribuire un preciso significato a ciascuna parte:
La dichiarazione <!DOCTYPE html> è utilizzata per istruire il browser sul fatto che il documento deve essere interpretato sulla base dell'HTML5.
L'elemento <html lang="it"> individua la radice del documento, cioè il punto di inizio. La chiusura del documento coincide con il tag </html>. Questo tag è anche utilizzato anche per indicare la lingua utilizzata nel documento.
La sezione HEAD, delimitata dai tag <head> e </head> contiene meta-informazioni del documento, cioè informazioni associate al documento e che lo descrivono ma che non afferiscono al suo contenuto. Un esempio di meta-informazione è il titolo del documento.
Il tag <meta charset="UTF-8"> non ha un tag di chiusura ed indica il tipo di codifica dei carattere che si sta utilizzando. La codifica UTF-8 è molto usata sul web e praticamente consente di utilizzare i caratteri di tutte le lingue del mondo.
I tag <title> e </title> delimitano il testo corrispondente al titolo del documento che compare sulla schede del browser.
La sezione BODY contiene tutte le parti visibili che costituiscono il documento, come testo, immagini, hyperlink ecc.. Questa sezione è delimitata dai tag <body> e </body>.
I tag <h1> e </h1> delimitano il testo corrispondente al paragrafo di livello h1 del documento. Il livello h1 è normalmente associato ai nomi dei capitoli.
I tag <p> e </p> delimitano il testo corrispondente ad un generico paragrafo, che non ha particolare enfasi.
Sito: 7ecnologie
Sezione: 18. HTML & CSS
Capitolo: 02. HTML: introduzione
Indice dei capitoli: 00. Risorse - 01. Ambiente di sviluppo - 02. HTML: introduzione - 03. Struttura di un documento HTML - 04. Tag HTML - 05. CSS: introduzione - 06. Selettori CSS - 07. Regole CSS - 08. Regole CSS speciali - 09. Esempi - 10. Tutorial - 98. Esercizi
Page updated
Google Sites
Report abuse