HTML Tutorial
Iniziare con HTML
Ricerca…
Osservazioni
HTML ( H yper t ext M arkup L anguage) è un sistema compatibile con XML di annotazione di documenti con 'tag'. Viene utilizzato specificamente per creare contenuti per pagine Web e applicazioni Web, che possono quindi essere condivisi su una rete.
Oltre al testo, l'attuale versione di HTML supporta molti tipi diversi di media , incluse immagini e video.
Versioni
| Versione | specificazione | Data di rilascio |
|---|---|---|
| 1.0 | N / A | 1994-01-01 |
| 2.0 | RFC 1866 | 1995/11/24 |
| 3.2 | W3C: specifica HTML 3.2 | 1997/01/14 |
| 4.0 | W3C: specifica HTML 4.0 | 1998/04/24 |
| 4.01 | W3C: specifica HTML 4.01 | 1999/12/24 |
| 5 | WHATWG: HTML Living Standard | 2014/10/28 |
| 5.1 | W3C: specifica HTML 5.1 | 2016/11/01 |
Ciao mondo
introduzione
HTML ( H yper t ext M arkup L anguage) utilizza un sistema di markup composto da elementi che rappresentano contenuti specifici. Markup significa che con HTML si dichiara ciò che viene presentato a un visualizzatore, non come viene presentato. Le rappresentazioni visive sono definite da Cascading Style Sheets (CSS) e realizzate dai browser. Gli elementi ancora esistenti che consentono tale , come ad esempio il font , "sono completamente obsoleti e non devono essere usati dagli autori" [1] .
L'HTML è talvolta chiamato un linguaggio di programmazione ma non ha logica, quindi è un linguaggio di markup . I tag HTML forniscono significato semantico e leggibilità automatica al contenuto della pagina.
Un elemento di solito consiste in un tag di apertura ( <element_name> ), un tag di chiusura ( </element_name> ), che contiene il nome dell'elemento circondato da parentesi angolari e il contenuto tra: <element_name>...content...</element_name>
Ci sono alcuni elementi HTML che non hanno un tag di chiusura o qualsiasi contenuto. Questi sono chiamati elementi void . Gli elementi vuoti includono <img> , <meta> , <link> e <input> .
I nomi degli elementi possono essere considerati parole chiave descrittive per il contenuto che contengono, ad esempio video , audio , table , footer .
Una pagina HTML può contenere potenzialmente centinaia di elementi che vengono poi letti da un browser Web, interpretati e resi in contenuti leggibili o udibili sullo schermo.
Per questo documento è importante notare la differenza tra elementi e tag:
Elementi: video , audio , table , footer
Tag: <video> , <audio> , <table> , <footer> , </html> , </body>
Intuizione dell'elemento
Analizziamo un tag ...
Il tag <p> rappresenta un paragrafo comune.
Gli elementi hanno in genere un tag di apertura e un tag di chiusura. Il tag di apertura contiene il nome dell'elemento tra parentesi angolari ( <p> ). Il tag di chiusura è identico al tag di apertura con l'aggiunta di una barra ( / ) tra la parentesi aperta e il nome dell'elemento ( </p> ).
Il contenuto può quindi passare tra questi due tag: <p>This is a simple paragraph.</p> .
Creare una semplice pagina
Il seguente esempio HTML crea una semplice pagina Web "Hello World" .
I file HTML possono essere creati utilizzando qualsiasi editor di testo . I file devono essere salvati con un'estensione .html o .htm [2] per essere riconosciuti come file HTML.
Una volta creato, questo file può essere aperto in qualsiasi browser web.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
Semplice pagina abbattere
Questi sono i tag utilizzati nell'esempio:
| Etichetta | Senso |
|---|---|
<!DOCTYPE> | Definisce la versione HTML utilizzata nel documento. In questo caso è HTML5. Vedere l' argomento doctypes per ulteriori informazioni. |
<html> | Apre la pagina. Nessun markup dovrebbe venire dopo il tag di chiusura ( </html> ). L'attributo lang dichiara la lingua principale della pagina utilizzando i codici lingua ISO ( en per inglese). Vedere l' argomento della lingua del contenuto per ulteriori informazioni. |
<head> | Apre la sezione head, che non appare nella finestra principale del browser ma contiene principalmente informazioni sul documento HTML, chiamate metadati . Può anche contenere importazioni da fogli di stile e script esterni. Il tag di chiusura è </head> . |
<meta> | Fornisce al browser alcuni metadati relativi al documento. L'attributo charset dichiara la codifica dei caratteri . I documenti HTML moderni dovrebbero sempre utilizzare UTF-8 , anche se non è un requisito. In HTML, il tag <meta> non richiede un tag di chiusura. Vedi l' argomento Meta per maggiori informazioni. |
<title> | Il titolo della pagina. Il testo scritto tra questa apertura e il tag di chiusura ( </title> ) verrà visualizzato nella scheda della pagina o nella barra del titolo del browser. |
<body> | Apre la parte del documento visualizzata agli utenti, ovvero tutto il contenuto visibile o udibile di una pagina. Nessun contenuto dovrebbe essere aggiunto dopo il tag di chiusura </body> . |
<h1> | Un'intestazione di livello 1 per la pagina. Vedi i titoli per maggiori informazioni. |
<p> | Rappresenta un paragrafo di testo comune. |
1. ↑ HTML5, 11.2 Funzioni non conformi
2. ↑ .htm è ereditato dal limite di estensione del file di tre caratteri legacy DOS .