Scaricare la presentazione
La presentazione è in caricamento. Aspetta per favore
1
LHTML è un linguaggio per computer comprensibile da parte dei browser Web Le pagine Web sono scritte in HTML LHTML è necessario sul Web per formattare testo e immagini LHTML offre un meccanismo di collegamento tra più pagine (collegamenti ipertestuali)
2
In HTML si usano dei codici speciali che indicano la struttura e il formato del contenuto della pagina: i cosiddetti tag che vengono riportati tra parentesi angolari <> Il principale tag è il tag che identifica la pagina come documento HTML. Tutto il contenuto di un documento HTML deve essere racchiuso allinterno di due tags: Un tag di apertura ( ) allinizio pagina Un tag di chiusura ( ) alla fine della pagina
3
I tag e Descrivono le due sezioni principali di tutte le pagine Web o intestazione si trova subito dopo il tag e descrive le caratteristiche generali della pagina, come il titolo o corpo si colloca sotto e contiene il contenuto della pagina Web Tutti i tag devono avere anche il corrispondente tag di chiusura (, )
4
Struttura essenziale della pagina Web
5
Gli attributi dei tag Un attributo è un opzione personalizzabile per un tag (descrive le caratteristiche del tag) Esempio Tag, è il tag che permette linserimento di un paragrafo di testo: un suo attributo è align che consente di collocare un paragrafo dove si vuole p align=left> …… …… allinea il paragrafo a sinistra
6
Tag di Uso Comune …. imposta la dimensione del testo denota un paragrafo trasforma il testo in grassetto trasforma il testo in corsivo inserisce un immagine stabilisce un collegamento ipertestuale denota un elenco puntato non ordinato denota un elenco numerato identifica un elemento allinterno di un elenco
7
Scegliere il colore della pagina Web e del testo Il tag ha lattributo bgcolor che permette di scegliere lo sfondo e il colore del testo della pagina Web: Esempio <body bgcolor=green text=yellow creerà una pagina web con sfondo verde e testo in giallo
8
Inserimento di un immagine Si utilizza il tag Le immagini devono essere caricate sul Web Si utilizza lattributo src per identificare il file che contiene limmagine da visualizzare Esempio <img src= http://www.velaclub.com/nave.jpghttp://www.velaclub.com/nave.jpg Le immagini devono essere salvate in formato.jpeg o.jpg
9
Collegamenti ipertestuali Un collegamento ipertestuale è una connessione tra un elemento HTML e unaltra pagina web, un immagine esterna o un indirizzo e-mail Il testo dei collegamenti ipertestuali di solito appare in un colore diverso e sottolineato in modo da risultare facile da distinguere dal testo normale
10
Il tag (anchor) Questo tag consente di creare collegamenti a testo e immagini Collegamento a pagine Web: 1) collegamento con URL relativo, non viene specificato nessun percorso per la pagina Web di destinazione (il file collegato deve risiedere nella stessa cartella della pagina che effettua il riferimento; 2) collegamento con URL assoluto, è un collegamento con un indirizzo web preciso.
11
Struttura del tag Consiste di due elementi: il nome del contenuto HTML collegato e una risorsa di destinazione Il contenuto HTML collegato è racchiuso allinterno dei tag,. La risorsa di destinazione del collegamento viene specificato con lattributo href e consiste di un URL che identifica la risorsa
12
Esempio con URL relativo Collegamento con URL relativo Per avere maggiori informazioni: La parola informazioni è il testo di collegamento che si collega alla pagina Web info.html
13
Esempio con URL assoluto Collegamento con URL assoluto: La Bavisela La parola La bavisela è il testo di collegamento che si collega al sito web qui sopra specificato
14
Esempio in linguaggio HTML
Presentazioni simili
