HTMLIniziare con HTML

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 .

Ancore e collegamenti ipertestuali