Hyper-Text Mark-Up Language HTML Hyper-Text Mark-Up Language
HTML - Caratteristiche generali Linguaggio che permette di definire il contenuto ed il layout di una pagina Web. Non è un linguaggio di programmazione! E’ un linguaggio interpretato dal browser. Alice Pavarani
Software di sviluppo Un documento HTML (pagina Web) può essere scritto usando un qualsiasi editor di testo (anche Blocco Note!). E’ ovviamente più comodo sfruttare editor ad alto livello in grado di riconoscere i vari elementi del codice HTML (i cosiddetti editor “What You See Is What You Get”). Di editor per la creazione di pagine Web in HTML ce ne sono a milioni! (sia a pagamento che gratuiti) Alice Pavarani
I tag HTML e possono essere I tag sono i comandi che il browser interpreta per visualizzare il contenuto di una pagina Web. Si tratta di etichette utilizzate per marcare l’inizio e la fine di un elemento HTML. I tag hanno genericamente il seguente formato: <tag> e possono essere tag di apertura: <tag> tag di chiusura: </tag> La disposizione dei tag all’interno di un documento HTML deve seguire uno schema di annidamento rigoroso. (un tag aperto all’interno di un altro tag deve essere chiuso prima del tag di chiusura del tag più esterno) Alice Pavarani
I tag HTML: attributi e contenuto Quasi tutti i tipi di tag prevedono l’utilizzo di uno o più attributi, utilizzati per definire le impostazioni relative al tag. Gli attributi sono posti immediatamente dopo il nome del tag e sono seguiti dall’argomento da attribuirvi: <tag attributo=“argomento”> Gli attributi possono essere: attributi standard: specificano le proprietà di un tag (dimensioni, link…) attributi di evento: specificano il comportamento da adottare in determinate situazioni (es. evento di click del mouse). Il testo inserito tra un tag di apertura ed il corrispondente tag di chiusura è il contenuto del tag. Alice Pavarani
Struttura di una pagina HTML Le parti fondamentali (e sempre necessarie) sono 3: Intestazione: <!doctype html> posta all’inizio del codice, comunica al browser il linguaggio in cui la pagina Web è scritta Header: <head> </head> contiene la parte invisibile della pagina Web (titolo, descrizione,…) Body: <body> </body> contiene la parte visibile della pagina Web (testo, immagini,…) Header e Body sono compresi nel tag <html> </html> aperto immediatamente dopo l’intestazione e chiuso come ultima riga del codice Alice Pavarani
Struttura di una pagina HTML La struttura globale di una pagina HTML risulta quindi la seguente: Osservazione: come nei linguaggi di programmazione l’indentazione è importante per rendere il codice più leggibile ed evidenzia la struttura nidificata della pagina. <!doctype html> <html> <head> … </head> <body> </body> </html> Alice Pavarani