Tab_Img_Link

**Sono ammessi nel Web sostanzialmente tre tipi di formato immagine:**
__**Nota bene** : Non si puà provare dunque a inserire un file con un formato a caso oppure un file di questo tip".psd" all'interno della vostra pagina HTML perchè c'è una grande probabilità che il browser non caricherà il file (dovete infatti prima convertire il file in uno dei formati sopra-indicati).Se non inseriamo correttamente il nome dell'immagine o il nome della cartella dove essa è contenuta(ricordando sempre che bisogna inserire uno / tra il nome cartella e nome dell'immagine) essa non verrà visualizzata nella pagina. sotto ....__
 * ~ Formato ||~ Descrizione ||
 * GIF || (Graphic Interchange Format): le immagini GIF hanno una tavolozza che non supera i 256 colori, per questo vengono utilizzate spesso per grafici o icone.GIF ci consente di impostare trasparenze nelle immagini e di creare piccoli banner, questo formato consente infatti di rappresentare anche semplici animazioni (GIF animate) ||
 * JPG || (o JPEG, Joint Photographic Experts Group), idoneo per le immagini di qualità fotografica ||
 * PNG || (Portable Network Graphic). Il PNG è un tipo di immagine introdotto più recentemente, elaborato dal W3C per risolvere i problemi di copyright del formato GIF (che è invece proprietario); tuttavia oggi il PNG è letto oramai da tutti i browser e offre alcune caratteristiche che gli altri formati non hanno .... ||

La sintassi per inserire una immagine è: 


 * Con un esempio pratico:**

 
 * Il significato delle keyword principali sono:**
 * ~ Keyword ||~ Descrizione ||
 * img || Abbreviazione di "image" (immagine), è il nome del tag per inserire le immagini ||
 * src || Sta per "source" (origine), è il percorso (URL) in cui il browser troverà il file da mostrare ||
 * alt || È il "testo alternativo", ovvero il testo che appare se, per qualche motivo, il browser non riesce a mostrare l'immagine ++++ . Possiamo anche omettere questo attributo, ma risulta utile per l'accessibilità da parte di tutti gli utenti compresi i disabili. ||
 * Se l'immagine però è contenuta all'interno di una sottocartella dal nome"img" o deriva da un sito specifico bisogna indicarne il percorso,come nell'esempio:**

** Come creare link esterni: **
= = I __link sono fondamentali per internet perchè sono loro che creano la rete internet. ..............__  Scritta o img   Nel parametro //** href=" " **// inseriamo l'indirizzo della pagina o del sito a cui vogliamo riferirci Fra i tag **  e  ** metteremo l'elemento che vogliamo rendere sensibile per cliccarci sopra.
 * La struttura base per creare un link è la seguente:**

Non sempre, per motivi di grafica, è possibile inserire il **title**(titolo) del link, ma è molto importante per i motori di ricerca, in pratica è un aiuto che diamo al motore di ricerca per indicizzare il nostro sito.(da verificare) ++++++

Tipi di link: (da sistemare)

 *  .... link a un sito +++++++++++++++++++++++++++
 * 
 *  ...
 * 

ESEMPI DI LINK: Se vogliamo creare un link ad un esercizio, per esempio"esercizioverifica"che si trova all'interno di una sottocartella nominata"Esercizio":  Clicca per andare all'es verifica 

Se vogliamo un link per riferirmi alla sezione"orari" del sito della nostra scuola dovrò procedere così:  Vai agli orari del sito della scuola </a>

Per linkare un'immagine per ingrandirla farò:  <img src="img/logo.gif" alt="logo" /> </a>

Se voglio creare un link in una pagina nuova in modo che la pagina originale rimanga aperta,inserirò questo codice come attributo di , e poi procedo normalmente ,in questo modo:

 Visita il sito della scuola </a>

Come creare link interni o segnalibri:
Un link oltre che puntare ad una determinata pagina HTML, permette di visualizzare la nostra pagina a partire da un determinato punto alla quale assegnamo un'etichetta o un segnalibro ;questi tipi di link vengono denominati link interni.

Utilizzo dei segnalibri :
Lo scopo principale di un segnalibro html è quello di facilitare la navigazione di pagine complesse, un classico esempio che ne chiarisce l’utilità è quello di una pagina HTML che contiene il testo di un libro suddiviso per capitoli.

Un indice iniziale linkato sul titolo di ogni capitolo, poterà l’utente a visualizzare il testo del capitolo che vogliamo. Oppure, ad esempio, una semplice pagina html suddivisa in paragrafi con in alto un menu dove ogni voce conduce ad un paragrafo e quindi ad un segnalibro. Per creare un link interno è necessario procedere in questo modo:

1. Assegnare un segnalbro/etichetta ad una zona della pagina,assegnandogli un nome univoco:

testo del paragrafo a cui voglio arrivare </a> nella pratica:  .......... </a>

2. Definisco un link che mi collega al segnalibro appena creato :

 nome del paragrafo </a> nella pratica:  Storia </a>

3. è possibile anche linkare al segnalibro di una pagina come nell'esempio:

 Storia </a>

**Nota bene:** <span style="background-color: #ffffff; display: block; font-family: Verdana,sans-serif; text-align: left;"> Il # prima del nome del segnalibro indica che il collegamento deve cercare un segnalibro chiamato "Sto" all’interno della pagina stessa. <span style="background-color: #ffffff; display: block; font-family: Verdana,sans-serif; text-align: left;"> Se non si specifica il nome del segnalibro a cui si vuol puntare, viene comunque creato un link che punta ad inizio pagina (viene cercato un segnalibro il cui nome non è specificato). Questo infatti è un ottimo escamotage per creare link "vuoti".

= =