Andrea Spinelli Linguaggio HTML Lezioni 2-3: Elementi a blocchi Elementi in linea Ancore e link Elenchi Immagini
Elementi a blocchi Testo circondato da interruzioni di linea P H1-H6 BLOCKQUOTE PRE
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
Elementi in linea EM (I) STRONG (B) CITE CODE (TT) SUP, SUB ACRONYM
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à
HT : visione orizzontale (Docuverso)
HT : visione verticale (Struttura dati)
Ancore in HTML Elemento A Attributo NAME Attributo HREF URI Uniform Resource Identificator: – scheme://host/path#fragment – #fragment – nomefile.html
Esercizio02-03.html Costrure un indice degli esercizi visti fin qui
Elenchi puntati e numerati UL (Unordered List) LI (LIst element) OL (Ordered List)
Esercizio03-01.html Preparare una lista della spesa Elenco numerato di negozi da visitare Per ogni negozio, elenco non numerato di prodotti da acquistare
Immagini Elemento IMG : attributi – SRC – ALT – WIDTH – HEIGHT – USEMAP
Esercizio Creare una nuova versione del proprio curriculum utilizzando due delle foto reperibili via rete
Elemento IFRAME Serve per includere un documento in un altro, in una cornice (frame) Attributi: – SRC – FRAMEBORDER, WIDTH, HEIGHT, ALIGN, SCROLLING
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