La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Unintroduzione a HTML (I). 4-2 Unintroduzione a HTML I tag descrivono le caratteristiche grafiche di una pagina web Formattare con i tag: –parole racchiuse.

Presentazioni simili


Presentazione sul tema: "Unintroduzione a HTML (I). 4-2 Unintroduzione a HTML I tag descrivono le caratteristiche grafiche di una pagina web Formattare con i tag: –parole racchiuse."— Transcript della presentazione:

1 Unintroduzione a HTML (I)

2 4-2 Unintroduzione a HTML I tag descrivono le caratteristiche grafiche di una pagina web Formattare con i tag: –parole racchiuse tra parentesi angolari –si usano a coppie (apertura e chiusura): –I tag non distinguono tra maiuscole e minuscole, ma il testo alinterno dei tag sì

3 4-3 Tag per grassetto e corsivo Bold: Italic: La coppia di tag racchiude il testo da formattare Potete applicare più di un tipo di formattazione alla volta Veni, Vidi, Vici! produce: Veni, Vidi, Vici! Lordine non ha importanza, ma i tag devono essere nidificati correttamente Alcuni tag non sono a coppie e non hanno una chiusura: – riga orizzontale di separazione – interruzione di riga

4 4-4 Una pagina HTML Inizia con e finisce con informazioni preliminari, come il titolo della pagina contenuto principale della pagina

5 4-5 Strutturare i documenti un linguaggio di markup descrive la relazione tra le diverse parti di un documento Intestazioni: –dal livello 1 per i titoli e le intestazioni più grandi, fino al livello 8 –unintestazione è visualizzata con un corpo più grande su una nuova riga Papa Cardinale Arcivescovo produce: Papa Cardinale Arcivescovo

6 4-6 Il formato del codice HTML Nellesempio precedente, codice HTML scritto su una sola riga è visualizzato su tre righe separate LHTML dice al browser come produrre limmagine formattata in base al significato dei tag, non dellaspetto del codice sorgente Normalmente si cerca di scrivere lHTML in una forma ben strutturata per renderne facile la comprensione e la manutenzione

7 4-7 Spazio bianco Spazio inserito per facilitare la leggibilità –spazi –tabulazioni –a capo Il browser trasforma ogni sequenza di spazi bianchi in un singolo carattere di spazio prima di cominciare lelaborazione del codice HTML –eccezione: linformazione cosiddetta preformattata, ovvero inclusa nei tag e viene sempre visualizzata così come appare nel codice sorgente

8 4-8 Caratteri speciali: il simbolo di escape Se la nostra pagina dovesse contenere una relazione matematica come 0 r Il browser potrebbe interpretare come un tag di paragrafo e potrebbe non visualizzare correttamente il testo Per indicare i simboli di maggiore e minore si utilizza il simbolo di escape, cioè la E commerciale o ampersand (&), seguito da un codice distinto e da un punto e virgola (;) < compare sulla pagina come <

9 4-9 Attributi dei tag in HTML Lallineamento richiede ulteriori informazioni Per giustificare un testo, dobbiamo specificare se desideriamo farlo a sinistra, a destra o centrato Gli attributi sono aggiunti allinterno delle parentesi angolari (di default la giustificazione è a sinistra) Attributi per la riga orizzontale: la larghezza e lo spessore possono essere specificati oppure lasciati con i valori di default

10 4-10 Collegamenti e àncore (1) Un collegamento ipertestuale è costituito di due parti: 1.Àncora (il testo che nel documento attuale è evidenziato) 2.Riferimento ipertestuale (lindirizzo dellaltra pagina web) Cominciate con

11 Collegamenti e àncore (2) Esempio: Università degli Studi di Milano Riferimento ipertestuale (hyperlink) àncora

12 4-12 Àncore (cont.) Path assoluti: il riferimento a pagine su altri siti web è costituito da un URL Path relativi: riferimento alle pagine memorizzate localmente (se nella stessa directory basta solo il nome del file) –i path relativi sono più flessibili permettono di spostare un gruppo di file anche su un altro server –i path relativi possono anche far riferimento a una cartella più in basso o in alto nella gerarchia delle directory

13 4-13 La gerarchia delle directory è localizzata sul server web con indirizzo di dominio :

14 Path relativi ed assoluti: esempi Path assoluto: Specifica di protocollo Indirizzo simbolico di dominio o indirizzo IP cammino verso il file Path relativo (file corrente: magritte.html) –chagall.html –../sci/russell.html –pictures/notpipe.html

15 4-15

16 4-16


Scaricare ppt "Unintroduzione a HTML (I). 4-2 Unintroduzione a HTML I tag descrivono le caratteristiche grafiche di una pagina web Formattare con i tag: –parole racchiuse."

Presentazioni simili


Annunci Google