Andrea Spinelli Linguaggio HTML

Presentazione sul tema: "Andrea Spinelli Linguaggio HTML"— Transcript della presentazione:

1 Andrea Spinelli Linguaggio HTML
Lezioni 4-5: Cornici Tabelle Meta-elementi

2 Cornici

3 Elemento FRAMESET Collezione di riquadri alternativo a BODY
attributi: ROWS, COLS contiene FRAME FRAMESET

4 Elemento FRAME Singolo riquadro Attributi SRC NAME

5 Strutture a frame FRAMESET FRAME FRAME

6 Esercizio04-01.html Semplice struttura a due frame, sinistra/destra
A sinistra il vostro curriculum a destra la lista della spesa

7 Riferimenti tra frame Elemento A: l'attributo TARGET
Combinazione con l'attributo NAME E' utile HREF con file.html#ancora

8 Esercizio04-02.html Indice degli esercizi su riquadri
Creare una struttura a riquadri destra/sinistra piccolo frame a sx, restante a dx a sinistra l'elenco degli esercizi svolti a destra il testo degli esercizi

9 FRAMESET innestati FRAMESET FRAME FRAMESET FRAME FRAME

10 Altri TARGET _BLANK : nuova finestra
_SELF : sostituisce il frame corrente _PARENT : sostituisce il FRAMESET padre _TOP : sostituisce tutta la finestra

11 Esercizio04-03.html Struttura a riquadri innestati: indice a sx, due riquadri a dx dx in alto: esercizi svolti dx in basso: “glossario” (area di rete) sx: collegamenti a esercizi termini del glossario nuove finestre (_BLANK)

12 Tabelle Elemento TABLE Contenuti Elemento CAPTION Elemento TR
Elementi TH e TD

13 Esercizio04-04.html Tabella di pezzi musicali CAPTION
Colonne: Pezzo, autore, genere, epoca, note Canone di Pachelbel, Variazioni Goldberg, Magnificat di Bach, Nona di Beethoven, Yesterday, Certe Notti (per esempio!)

14 Attributi di tabella TABLE SUMMARY BORDER TD, TH ROWSPAN COLSPAN

15 Esercizio04-05.html Modificare l'esercizio 04-04
Aggiungere una riga sopra l'intestazione con i gruppi “generale” e “dettagli” “generale” raccoglie Titolo e Autore,”dettagli” tutto il resto Aggiungere il contorno e inserire un sommario

16 <!-- ...testo del commento... --> Invisibili Indispensabili!
Commenti <!-- ...testo del commento... --> Invisibili Indispensabili!

17 Metainformazione Elemento META Attributi principali NAME CONTENT
Nomi ricorrenti: AUTHOR, DESCRIPTION, GENERATOR, KEYWORDS

18 Esercizio05-01.html Documentare l'esercizio con: Autore, descrizione, generatore, keywords

19 URL relative Nome di un file nella stessa cartella “file.html”
Nome di un file in una sottocartella “img/immagine.jpg” Nome di un file nella cartella superiore “../file.html” ... in una sottocartella della cartella superiore “../cartella/file.html”

20 Esercizio05-02 Creare una struttura di sottocartelle:
<principale> belli img brutti in belli/Esercizio05-02.html riferirsi a una immagine in img, e includere in una cornice un file in brutti

21 Anatomia di una URL http: //www.repubblica.it /2003-01-01/articoli
editoriale.html