HTML - Introduzione
Html: HyperText Markup Language (traduzione letterale: linguaggio a marcatori per ipertesti)
Cos’è l’HTML?
- Html sta per Hyper Text Markup Language
- Html è il linguaggio di markup standard per la creazione di pagine web
- Html descrive la struttura di una pagina web
- Html è costituito da una serie di elementi
- Gli elementi Html indicano al browser come visualizzare il contenuto
- Gli elementi Html etichettano il contenuto come “questo è un titolo”, “questo è un paragrafo”, ecc.
Un semplice documento HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Spiegazione dell’ esempio
- La dichiarazione
<!DOCTYPE html>
definisce che questo è un documento HTML5. - L’elemento
<html>
è l’elemento radice(root) di una pagina html. - L’elemento
<head>
contiene le meta informazioni sulla pagina HTML. - L’elemento
<title>
specifica un titolo per la pagina HTML (che viene mostrato nella barra del titolo o nella scheda della pagina), questo elemento è importante per la SEO - L’elemento
<body>
definisce il corpo del documento ed è un contenitore per tutti i contenuti visibili, come intestazioni<h1>....</h1>
, paragrafi<p>...</p>
, immagini, collegamenti ipertestuali, tabelle, elenchi, ecc. - L’elemento
<h1> ... </h1>
definisce un’intestazione grande. - L’elemento
<p> ... </p>
definisce un paragrafo.
Che cos’è un elemento HTML?
Un elemento HTML è definito da un tag iniziale, una serie di contenuti e un tag finale.
<tagname> Qui vanno i contenuti... </tagname>
Con elemento HTML intendiamo tutto, dal tag iniziale al tag di fine.
<h1> La mia prima intestazione </h1>
<p> Il mio primo paragrafo. </p>
tag iniziale | Contenuto dell’elemento | tag di fine |
---|---|---|
<h1> |
La mia prima intestazione | </h1> |
<p> |
Il mio primo paragrafo | </p> |
<br> |
Nessuno | Nessuno |
Browser Web
Lo scopo di un browser web (Chrome, Edge, Firefox, Safari) è leggere i documenti HTML e visualizzarli correttamente.
Un browser non visualizza i tag HTML, ma li utilizza per determinare come visualizzare il documento:
Struttura della pagina HTML
Di seguito è riportata una visualizzazione della struttura di una pagina HTML:
- Data inserimento: 24/08/2022
- Data aggiornamento: 24/08/2022
- Autore: Antonino Scaffidi Chiarello
- Categoria: html