HTML è l’acronimo di HyperText Markup Language (“Linguaggio di contrassegno per gli Ipertesti”) e non si tratta di un linguaggio di programmazione. Viene definito linguaggio di markup (di contassegnatura o marcatura), che ci permette di indicare la disposizione degli elementi di una pagina.
Le indicazioni sono date dall'utilizzo di appositi marcatori, tag (‘etichette’), che hanno la caratteristica di essere inclusi tra parentesi angolari, ad esempio <h1>.
Stiamo esaminando di fatto un linguaggio dichiarativo, che serve appunto ad indicare fondamentalmente cosa deve apparire sullo schermo, che, a differenza dei linguaggi come C, C++, Java, o anche PHP e JavaScript (linguaggi imperativi),
non eseguono un azione a seguito di una richiesta dell'utente.
Per lavorare con HTML è necessario conoscere tutto il cosiddetto “stack“, ovvero tutte le tecnologie necessarie a realizzare un sito. 1. HTML serve a definire quali sono gli elementi di una pagina web (link, immagini ecc.) 2. CSS o “fogli di stile” regole che permettono di definire l’aspetto (lo stile) che devono assumere tali elementi 2. JAVASCRIPT è un linguaggio di programmazione che ci consente di dare dinamicità alle nostre pagine
HTML è uno standard W3C acronimo di Word wide web Consortium organizzazione fondata da Berners Lee in associazione con CERN e MIT
Sintassi di una semplice pagina html
<!doctype html> <html lang="it"> <head><title>Prima pagina in html!</title></head> <body> <h1>Prima pagina in html!</h1> <p>Questa è una pagina HTML!</p> </body> </html>
| Tag | Descrizione |
|---|---|
| <!DOCTYPE html> | Definisce che il file è una pagina HTML e in particolare che si tratta di un documento secondo lo standard HTML5. |
| <html> | È il tag che racchiude tutta la pagina. Attraverso l’attributo lang="it" definiamo la lingua del documento appena creato. |
| <head> | Questo tag contiene una serie di informazioni utili per la gestione della pagina, nel nostro caso abbiamo definito ad esempio quale sarà il titolo che apparirà sui motori di ricerca e sulle linguette del browser, grazie al tag <title>, ma questa sezione è destinata a contenere molto di più: metadati utili per la SEO, dall’inserimento di librerie alla definizione dell’insieme di caratteri. |
| <body> | Contiene gli elementi della pagina, tutto il contenuto e tutti i relativi tag che saranno poi resi a video vengono inseriti qui dentro, come abbiamo fatto nel nostro caso con il titolo e il paragrafo. |
NOTE:
Quasi tutti i browser danno la possibilità di mostrare il codice HTML delle pagine e quasi tutti permettono di farlo con la combinazione di tasti CTRL+U
E possibile accedere agli strumenti di sviluppo con il TASTO F12 (F12 Tools)
Termini: Syntax Highlighting: Nei programmi di editing codice, serve a evidenziare la sintassi del linguaggio e rendere più leggibile il codice sorgente Rendering della pagina: la fase in cui il browser interpreta i documenti HTML e dispone sullo schermo gli elementi Rendering Engine: motore di interpretazione delle istruzione da parte del browser