La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

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

Presentazioni simili


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 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 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 Creare un brevissimo documento Esercizio 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 Esercizio ora.html Modificare Esercizio03-04-ora con un'altra frase e vedere di nascosto l'effetto che fa


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

Presentazioni simili


Annunci Google