Andrea Spinelli Linguaggio HTML Lezioni 2-3: Elementi a blocchi Elementi in linea Ancore e link Elenchi Immagini.

Presentazione sul tema: "Andrea Spinelli Linguaggio HTML Lezioni 2-3: Elementi a blocchi Elementi in linea Ancore e link Elenchi Immagini."— Transcript della presentazione:

1 Andrea Spinelli Linguaggio HTML Lezioni 2-3: Elementi a blocchi Elementi in linea Ancore e link Elenchi Immagini

2 Elementi a blocchi Testo circondato da interruzioni di linea P H1-H6 BLOCKQUOTE PRE

3 Esercizio02-01.html Utilizzare l'elemento PRE per un commento a frammenti di poesia: – Nel mezzo del cammin di nostra vita – mi ritrovai per una selva oscura – ché la diritta via era smarrita

4 Elementi in linea EM (I) STRONG (B) CITE CODE (TT) SUP, SUB ACRONYM

5 Esercizio02-02.html Copiare e incollare l'esercizio 02-01 e arricchirlo con elementi in linea Usare EM, STRONG, CODE, CITE, SUB e SUP Per SUB/SUP usare la formula dell'acqua e l'equazione della relatività

6 HT : visione orizzontale (Docuverso)

7 HT : visione verticale (Struttura dati)

8 Ancore in HTML Elemento A Attributo NAME Attributo HREF URI Uniform Resource Identificator: – scheme://host/path#fragment – #fragment – nomefile.html

9 Esercizio02-03.html Costrure un indice degli esercizi visti fin qui

10 Elenchi puntati e numerati UL (Unordered List) LI (LIst element) OL (Ordered List)

11 Esercizio03-01.html Preparare una lista della spesa Elenco numerato di negozi da visitare Per ogni negozio, elenco non numerato di prodotti da acquistare

12 Immagini Elemento IMG : attributi – SRC – ALT – WIDTH – HEIGHT – USEMAP

13 Esercizio 03-03 Creare una nuova versione del proprio curriculum utilizzando due delle foto reperibili via rete

14 Elemento IFRAME Serve per includere un documento in un altro, in una cornice (frame) Attributi: – SRC – FRAMEBORDER, WIDTH, HEIGHT, ALIGN, SCROLLING

15 Esercizio 03-04 Creare un brevissimo documento Esercizio03-04- ora.html, con la frase Sto dormendo [ovviamente in una struttura completa HTML] A partire dal proprio curriculum, inserire un IFRAME sotto l'intestazione Occupazione attuale, che si riferisca a Esercizio03-04- ora.html Modificare Esercizio03-04-ora con un'altra frase e vedere di nascosto l'effetto che fa