lezione 5 - l'html

L’HYPER-TEXT MARKUP LANGUAGEGIUSEPPE CRAMAROSSAALTERNANZA SCUOLA-LAVORO @ LICEO SCIENTIFICO «G. GALILEI» BITONTO3 DICEMBRE 2016

SOMMARIO

Generalità Tag Attributi Struttura di una pagina web Quirks Mode o non Quirks Mode: il doctype Esercizi: Commenti Esercizi: Immagini Esercizi: Moduli Esercizi: Link e ancore Esercizi: Blocchi e contenitori Esercizi: Tabelle

GENERALITÀ (1/2)

L’HTML non è un linguaggio di programmazione, ma è un marcatore Non ha i costrutti di un

linguaggio di programmazione (tipo le selezioni o le iterazioni)

Permette di definire il contenuto delle pagine web

La versione dell’HTML corrente è la 5

Non è case-sensitive

GENERALITÀ (2/2)

Programmi che interpretano il codice HTML: i browser web

Programmi per scrivere pagine in HTML Editor Grafici (WYSIWYG) Editor testuali

Blocco Note Editor testuali con

evidenziazione della sintassi (Notepad++)

Salvataggio del file .htm o .html senza BOM

I TAG

Gli elementi dell’HTML sono chiamati tag I tag iniziano con il segno < (minore) e finiscono con il

segno > (maggiore) Ogni elemento deve avere un tag di apertura e un tag di

chiusura (ad esempio Alcuni elementi hanno un solo tag di apertura e di

chiusura (ad esempio ) Un tag può avere uno o più attributi I tag possono essere annidati

Un eccezione a questa regola sono i commenti

GLI ATTRIBUTI

Descrivono cosa devono fare i tag Il percorso

dell’immagine da mostrare

Il tipo di campo da inserire in un modulo

I valori vengono inseriti tra doppi apici

STRUTTURA DI UNA PAGINA WEB

Una pagina web è formata da due partiTestata: contiene le

informazioni inerenti alla pagina (head)TitoloDescrizioneParole Chiave

Corpo: contiene il contenuto della pagina (body)

IL DOCTYPE

Deve essere inserito all’inizio di ogni pagina Nell’HTML 4.1 esistevano tre tipi di doctype

Transitional: meno rigoroso dei 3. Ammetteva elementi deprecati

Strict: più rigoroso. Non ammetteva elementi deprecati

Frameset: permetteva di utilizzare i frame Nell’ HTML 5 esiste un solo doctype

<!doctype html>

ESEMPIO DI PAGINA HTML

<!DOCTYPE HTML><HTML> <HEAD> <TITLE> TITOLO DELLA PAGINA </TITLE> </HEAD> <BODY> Ciao a tutti </BODY><HTML>

IL QUIRKS MODE

Il browser può cercare di capire dove si trova la chiusura del tag qualora manchi

Viene attivata la modalità quirks modeViene attivata anche quando non viene definito il

doctype È fortemente consigliato chiudere sempre i tag

apertiMolti IDE o editor hanno questà funzionalità non

appena l’utente digita «<» o «</»

lezione 5 - l'html

Education