Come inserire il testo in un'immagine con HTML

Passaggio 1

Apri il tuo editor HTML. Seleziona "File" e "Nuovo" nella barra di navigazione del programma. Un documento HTML vuoto apparirà sullo schermo.

Passaggio 2

Codifica un nuovo tavolo. Imposta le proprietà, il bordo, lo spazio tra le celle e il riempimento del cellulare a 0. Ciò consentirà alle celle della tabella di essere a filo con l'immagine.

esempio:

Passaggio 3

Inserisci un set di dati e le etichette per le righe nella tabella. Regola l'altezza e la larghezza dei dati nella tabella alle dimensioni dell'immagine.

esempio:

Passaggio 4

Aggiungi background = "ImageLink" nel codice dati della tabella. Cambia "imageLink" nell'URL della tua immagine e mantieni le virgolette. Questo imposta l'immagine come sfondo per il tavolo.

esempio:

Passaggio 5

Scegli un posto dove il testo deve apparire. Il testo verrà visualizzato nella parte inferiore, superiore o centrale dell'immagine. Aggiungi valign = "bottom" al codice dati della tabella per stabilire il posizionamento. "Valign" si riferisce all'allineamento verticale. Cambia "in basso" in "medio" o "alto", in base alla posizione desiderata.

esempio:

Passaggio 6

Scrivi il testo desiderato tra i tag di apertura e di chiusura dei dati nella tabella.

esempio:

testo

Passaggio 7

Salva il documento HTML Visualizza l'anteprima della pagina nel browser Web prima di caricarla sul tuo server.