Qual è il codice per mettere le parole Accanto a una foto?

March 14

Qual è il codice per mettere le parole Accanto a una foto?


I programmatori Hypertext Markup Language usano per creare pagine web fornisce diversi modi per mettere le parole accanto alle foto. Due metodi, usando i tag HTML standard, mettere il testo accanto o sotto l'immagine in una posizione a determinare. Un altro metodo rende il testo appare accanto al cursore del mouse dell'utente quando si punta il cursore l'immagine. Tutti questi metodi sono search-engine friendly: il motore di ricerca cataloga le parole insieme al resto della pagina.

IMG e Titolo

Per mettere le immagini nelle pagine Web, si utilizza tag IMG di HTML. Il tag specifica il nome del file della foto, le dimensioni e altre informazioni associate con l'immagine. Il tag IMG ha una opzione di titolo, in cui è possibile digitare una descrizione della foto. Se si utilizza l'opzione titolo, la descrizione viene visualizzata ogni volta che qualcuno tira il cursore del mouse sopra l'immagine. È possibile effettuare le osservazioni più breve o il tempo che volete.

Javascript

Il tag IMG ha anche opzioni di eventi JavaScript, come onmouseover, onclick e onkeypress. L'utilizzo di queste opzioni e un po 'di programmazione JavaScript, si possono fare commenti appaiono quando l'utente attiva uno di questi eventi. Questo metodo è simile a utilizzare l'opzione titolo, anche se Javascript offre una maggiore flessibilità su come e dove appare il testo.

DIV Tag

tag DIV di HTML consente di creare un elemento di testo e posizionarlo in qualsiasi punto della pagina Web. Specificando precisa posizione orizzontale e verticale coordina nell'opzione classe del tag DIV, è possibile individuare il testo sopra, sotto oa lato di una foto. Altre opzioni di classe influenzano il carattere, lo stile e la dimensione del testo. Se si utilizza la stessa foto e testo sedi in molte pagine, è possibile inserire le opzioni di qualità in un file di foglio di stile CSS separato. Specificando un nome di classe nel tag DIV, si individua automaticamente il testo e la foto per tutte le pagine colpite allo stesso modo.

tavolo

Prima di programmatori Web utilizzati CSS per posizionare elementi grafici e di testo nelle pagine Web, hanno usato le tabelle. In HTML, le tabelle sono griglie organizzati di righe e colonne in cui è possibile inserire foto e testo descrittivo. Modificando dimensioni di riga e colonna, a individuare con precisione ogni elemento nella tabella. È possibile, per esempio, individuare una foto in una riga della tabella e una descrizione nella riga successiva. Questo metodo può causare problemi, tuttavia, come diversi browser Web interpretano le specifiche della tabella in modo diverso e modificare l'aspetto di una pagina in modo imprevedibile. Inoltre, le tabelle possono essere complesse e poco maneggevole; se si cambia una riga o colonna per errore, trovare e risolvere l'errore è difficile.