Postato originariamente da pirataunico
magari utilizzando una foto da poter cliccare per
poter accedere all'intervista
Questo che hai visto è il codice
html che ti serve per lincare una immagine. Per i link si utilizza il
tag
<a...
> di apertura, con i relativi attributi e quindi
l'indirizzo di destinazione del link ed il tag
</a> di chiusura,
tutto quello che si trova tra il tag di apertura e di chiusura è il
link.
Nel nostro caso abbiamo messo un'immagine che funge da link, quindi, tra i
tag
<a> e
</a> abbiamo usato il tag
<img> (tag usato
per la visualizzazione delle immagini), dove, tra i suoi attributi
abbiamo messo l'indirizzo assoluto dell'immagine. Nel caso in cui non
volessi usare un'immagine, ma semplice testo (tipo, ad esempio,
"
Intervista a pirataunico") ti basterà mettere direttamente il testo tra
i tag
<a> e
</a>. Ad esempio:
<a
href="http://nome_sito.xx/cartelle.../pagina_intervista.html">Intervista a pirataunico</a>Cliccando su "Intervista a pirataunico" il link ti porterà all'indirizzo indicato nell'attributo
href.
Quindi, nel caso di testo, non ti serve il tag
<img>, nel caso di immagini ti serve il tag
<img>
In tutto questo però ci siamo dimenticati una cosa, il
target. Il
target è un attributo del tag
<a>...
Nel nostro esempio, nel caso si cliccasse sul link creato, la pagina
dell'intervista verrebbe aperta nella stessa finestra dove era contenuto
il link. Questo a volte è fastidioso quando il link ti porta in un
altro sito, perchè si potrebbe perdere il "filo" con il sito precedente
(dove abbiamo trovato il link). Sarebbe più ordinato quindi aprire la
pagina in un'altra finestra/scheda del browser... quando il link ci
porta in un altro sito.
Per fare questo usiamo appunto l'attributo
target del tag
<a>, all'attributo target diamo il valore
_blank. Ritornando all'esempio e aggiungendo l'attributo target si ha il seguente codice html:
<a
href="http://oubliettemagazine.com/2011/03/22/intervista-di-carina-spurio-a-massimiliano-fantoni-ed-al-suo-la-leggenda-della-verita"
target="_blank"><img
src="http://img821.imageshack.us/img821/1183/immaginexintervista.jpg"
alt="Intervista" /></a>
Questo ti permetterà di aprire il link in un'altra finestra/scheda del browser.
Altra considerazione da fare è che questo codice è html, quindi va
inserito come tale e in questo ti aiuterà certamente l'interfaccia di
gestione del sito... che avrà certamente la modalità di gestione html o
solo testo relativa alle pagine/articoli.
Poi, ritornando ad una cosa che hai detto prima, "se copi il testo da un
altro sito poi ti viene dato troppo piccolo quando lo incolli sul
tuo...", forse il tutto è dovuto al fatto che copiando il testo a volte
si copiano anche le info di formattazione del testo che hai copiato... a
queste poi si aggiungono gli stili impostati sul tuo sito e succede il
patatrac... si ha un risultato spesso inaccettabile... Per eliminare le
eventuali informazioni di formattazione, puoi incollare il testo copiato
prima in Blocco note di windows... (in questo modo le informazioni
aggiuntive vanno perse) e poi, copiando ancora il contenuto di blocco
note (ormai privo di impostazioni aggiuntive) lo incolli sul tuo sito...
In questo modo avrai del "puro testo" al quale applicare la
formattazione che più credi opportuna.
Comunque, familiarizza bene con l'iterfaccia messa a disposizione per
gestire il sito, vedrai che l'html lo dovrai usare al massimo per
mettere a posto qualche piccola cosa... per il resto potrai gestire
tutto usando le scelte che ti vengono date nei menù messi a
disposizione, inserire link, immagini e quant'altro sarà facilissimo e
non dovrai impegolarti in tag, attributi ed html... (pur restando l'importanza di
conoscere aspetti tecnici, oggi non essenziali, ma pur sempre
importanti)
Ciao