COME LINKARE IMMAGINI E TESTO

I browser ( Internet Explorer a pagamento, Firefox gratuito ) sono programmi in grado di interpretare il codice HTML e visualizzarlo sotto forma di testo e immagini ( detto ipertesto).

Il primo Browse fu chiamato WorldWideWeb (dimostrativo) e fu la base di

quelli moderni. Uno dei successi del Web fu, ed è tuttora, oltre l’usabilità ( con lo stesso codice si potevano viusalizzare, a parte piccole differenze, le stesse immagini con tutti i tipi di browser), i LINKS (trad. i collegamenti); cliccando in un testo o in un immagine si va da una pagina all’altra del Web.
L’HTML è caratterizzato da marcatori o tag, che hanno l’ordine di visualizzare una determinata funzione : sono messi tra parentesi uncinate eccole in rosso <  > . Se voglio visualizzare in queste righe l’immagine (precedentemente caricata nel file di questo blog a questo indirizzo http://html.myblog.it/images/Bandiera_Italiana.jpg ) quindi ecco tutta la stringa – semplice- che serve per viusalizzare un immagine oppure:<img src=”http://html.myblog.it/images/Bandiera_Italiana.jpg” alt= “Bandiera Italiana>

  Bandiera ,

Dove src sta per l’INDIRIZZO dove si trova l’immagine alt l’eventuale scritta che potrà comparire se l’immagine per qualche motivo non dovesse vedersi. Se invece alla stringa che ho scritto sopra aggiungo anche altre istruzioni in modo che l’istruzione sia il più completa possibile e gli dirò  come DOVE posizionarsi cioè align e lo SPAZIO  che voglio lasciare fra l’immagine e l’eventuale scritto cioè wspace per lo spazio width  e cioè le dimensioniper larghezza-;  hspace per quello in alto e sotto, cioè, la dimensione di altezza dell’immagine: height ;  quindi un eventuale BORDO dell’immagine border . Ecco la stessa immagine che però voglio far comparire nel lato destro (se non è specificato  comparirà  a sinistra) , in mezzo al testo , però con 3 pixel di distanza dal testo stesso e con una cornice di altri 3 pixel. <img border=”3″ wspace=”3″ align=”right” width=”105″ src=”http://html.myblog.it/images/Bandiera_Italiana.jpg” hspace=”3″ height=”69″ /> . Una volta che si sanno questi parametri potrò mettere l’immagine che voglio DOVE voglio, e non come l’Editor vuole. Inoltre, una volta tolti i comandi che non mi interessano la stessa cosa farò per un eventuale testo. Se vogliamo che la medesima immagine ci porti in una specifica pagina, per esempio nel vecchio HTLM Blog old version ecco come sarà lo script.  <a href: “http://html.myblog.it” target= “_blank” title= “HTLM old version”><img  src=”http://html.myblog.it/images/Bandiera_Italiana.jpg” width=”105″ height=”69″ alt=”Htlm Blog old version” align=”right” vspace=”3″ border=”0″  /></a>. Dove target sta ad indicare dove andare e _blank significa a prire una nuova finestra ( coi nuovi browser una nuova scheda) ; title il nome della pagina stessa e infine, l’ultimo /a indica la CHIUSURA del tag. Ora basta troviate un immagine che Vi piace e con questo ‘script’ potete usarla come ‘firma’ in Forum o in , commenti o quant’altro.   Carina? Vediamo come si fa a linkare il testo che è MOLTO SEMPLICE. Diciamo che voglio che cliccando su BlogMasterPg l’utente si ritrovi nel Mio Blog principale ecco che dovrò scrivere. < href=”http://blogmasterpg.blogspot.com/”>BlogMasterPg</a>, dove href sta ad indicare DOVE è l’indirizzo del testo in questione ; in pratica lo stesso identico attributo, o tag src solo che src è per le IMMAGINI e href è per il TESTO. Semplice, no?  Per ora fermiamoci qui. queste sono le cose più importanti da sapere per i LINK a testo e link a immagini
ATTENZIONE: se sbagliate solo una lettera o una virgola nel testo non vi comparirà nulla, quindi quando si scrive in HTML bisonga stare MOLTO attenti a non sbagliare: I browser sono macchine, quindi stupide e non riconoscono un errore picccolo da uno grande. Buon divertimento.  

COME LINKARE IMMAGINI E TESTOultima modifica: 2007-08-09T08:35:00+00:00da blogmasterpg
Reposta per primo quest’articolo