English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Corso di base HTML

Media HTML

Manuale di riferimento HTML

Tutorial di base HTML5

API HTML5

Media HTML5

Cos'è HTML

HTML chiamato linguaggio di etichette ipertestuali, è un linguaggio identificativo. Include una serie di etichette. Attraverso queste etichette, è possibile uniformare la forma dei documenti su Internet e connettere le risorse distribuite dell'Internet in un'unità logica. Il testo HTML è composto da comandi HTML descrittivi, i comandi HTML possono descrivere testo, immagini, animazioni, suoni, tabelle, link e altro.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Manuale di base (oldtoolbag.com)</title>
</head>
<body>
<h1>Il mio primo titolo di pagina web</h1>
<p>Il mio primo paragrafo di pagina web.</p>
</body>
</html>
Prova a vedere ‹/›

Esempio di analisi

  • La dichiarazione <!DOCTYPE html> indica che il documento è un documento HTML5

  • L'elemento <html> è l'elemento radice della pagina web HTML

  • L'elemento <head> contiene i dati meta del documento, come <meta charset="utf-8"> che definisce il formato di codifica della pagina web come utf-8.

  • L'elemento <title> descrive il titolo del documento

  • L'elemento <body> contiene il contenuto visibile della pagina

  • L'elemento <h1> definisce un titolo principale

  • L'elemento <p> definisce un paragrafo

Nota: per visualizzare il codice sorgente della pagina web, clicca con il tasto destro sullo spazio bianco della pagina web, seleziona "File sorgente della pagina web" o premi F12 per abilitare la modalità di debug sulla tastiera.

Cos'è l'HTML?

HTML è un linguaggio utilizzato per descrivere le pagine web.

  • HTML sta per linguaggio di markup ipertestuale: HyperText Markup Language

  • HTML non è un linguaggio di programmazione, ma un linguaggio di markup

  • Un linguaggio di markup è un set di tag di markup (tag di markup)

  • HTML utilizza tag di markup per descrivere le pagine web

  • Il documento HTML contiene tag HTML e contenuto testuale

  • Il documento HTML è anche noto come pagina web

Tag HTML

I tag di markup HTML sono solitamente detti tag HTML (HTML tag).

  • I tag HTML sono parole chiave racchiuse tra parentesi angolari, come <html>

  • I tag HTML sono solitamente presentati in coppia, come <b> e </b>

  • Il primo tag nella coppia di tag è il tag di inizio, il secondo tag è il tag di fine

  • I tag di inizio e di fine sono anche detti tag aperti e tag chiusi

<tag>contenuto</tag>

Elementi HTML

Il termine "HTML tag" e "elemento HTML" sono spesso usati per indicare la stessa cosa.

Ma in termini rigorosi, un elemento HTML contiene il tag di inizio e il tag di fine, come nell'esempio seguente:

Elementi HTML:

<p>Questo è un paragrafo.</p>

Browser web

Il browser web (come Google Chrome, Internet Explorer, Firefox, Safari) viene utilizzato per leggere i file HTML e visualizzarli come pagine web.

Il browser non visualizza direttamente i tag HTML, ma può utilizzare i tag per determinare come visualizzare il contenuto della pagina web agli utenti:


Struttura delle pagine web HTML

Di seguito è riportata una struttura visiva della pagina HTML:

<html>
<head>
<title>Titolo della pagina</title>
</head>
<body>
<h1>Questo è un titolo</h1>
<p>Questo è un paragrafo.</p>
<p>Questo è un altro paragrafo.</p>
</body>
</html>
Solo la sezione <body> (la parte bianca) verrà visualizzata nel browser.

Versioni di HTML

Dopo la nascita iniziale della rete, sono state introdotte molte versioni di HTML:

VersioneData di pubblicazione
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

Dichiarazione !DOCTYPE

La dichiarazione !DOCTYPE aiuta il browser a visualizzare correttamente la pagina.

Ci sono molti file diversi su Internet, se si dichiara correttamente la versione di HTML, il browser può visualizzare correttamente il contenuto della pagina.

La dichiarazione doctype non distingue tra maiuscole e minuscole, i seguenti modi sono tutti validi:

<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html>

Dichiarazione universale

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Visualizza il tipo di dichiarazione della pagina completaManuale di riferimento per DOCTYPE。

Codifica cinese

In molti browser, l'output diretto dei caratteri cinesi può apparire come jumble di caratteri, in questo caso dobbiamo dichiarare il carattere come UTF-8 o GBK nel head.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Pagina web con codifica utf-8 (oldtoolbag.com)</title>
</head>
<body>
　
<h1>La mia prima pagina web con codifica utf-8</h1>
　
<p>Il mio primo paragrafo di pagina web in codifica utf-8.</p>
　
</body>
</html>
Prova a vedere ‹/›

Editori HTML comuniCorso di base HTML