L'uso di una immagine come collegamento ipertestuale

February 14

Fin dai primi giorni di Internet, le aziende e webmaster private hanno usato le immagini come collegamenti ipertestuali. Per i siti web privati, utilizzando le immagini come collegamenti ipertestuali crea un sito web che è colorata e vivace. Le aziende vogliono un aspetto di alta qualità professionale per un sito web per promuovere il commercio e migliorare la reputazione. Col passare del tempo ha progredito, esistono vari metodi per l'utilizzo di immagini come collegamenti ipertestuali.

metodi

Alcuni siti web utilizzano interfacce grafiche interessanti per attrarre gli utenti di Internet, che richiede l'utilizzo di immagini come collegamenti ipertestuali. Un webmaster può raggiungere questo obiettivo in diversi modi, alcuni dei quali rimangono semplici ma obsoleto. È possibile utilizzare una tabella HTML per contenere un'immagine impiombato in cui ogni pannello desiderato ha un collegamento ipertestuale a un posto diverso. È inoltre possibile utilizzare la mappatura di immagine e posizionamento assoluto per creare un collegamento ipertestuale un'immagine.

Singolo Link Immagine

È possibile utilizzare una singola immagine come collegamento ipertestuale con HTML. Ad esempio, il codice può apparire come "<a href="&lt;img"> http://www.example.com"> & lt; img (senza le virgolette esterne). Il codice "img src" incorpora l'immagine sulla pagina Web, fornendo l'indirizzo Web dell'immagine. Il codice "a href" fornisce l'indirizzo del collegamento. La finale "</a>" chiude il tag di collegamento ipertestuale, lasciando che il browser sa che l'immagine contenuta all'interno diventerà un collegamento ipertestuale cliccabile.

Mappatura immagine HTML

Un modo più complesso da usare immagini come collegamenti ipertestuali, la mappatura immagine si verifica quando uno sviluppatore crea un'interfaccia grafica-pesanti per l'utilizzo durante la navigazione il suo sito web. Queste mappe utilizzano una griglia di coordinate tracciata fuori attraverso un'immagine per definire le aree in cui è possibile fare clic e seguire i collegamenti ipertestuali. Fornire valori di x1, y1, x2 e y2, gli sviluppatori possono creare queste aree cliccabili in tutte le forme e dimensioni su immagini di grandi dimensioni.

CSS Web Design

A differenza di mappatura immagine HTML, CSS utilizza le divisioni di pagina, o confini, per ottenere lo stesso effetto. Utilizzando un sistema noto come il posizionamento assoluto per definire posizioni precise sull'immagine, CSS crea divisioni di pagina trasparente sulle aree dell'immagine uno sviluppatore vuole diventare cliccabile. A differenza di HTML, CSS il processo può solo creare rettangolare e collegamenti ipertestuali forma quadrata sulle immagini.