Hvordan skrive tekst på et bilde i HTML

Hvordan skrive tekst på et bilde i HTML


Webdesignere bruker vanligvis redigering programvare for å legge til tekst i bilder. Imidlertid kan eiere som ønsker å legge til tekst til bildene sine ikke har midler til å kjøpe dyr programvare eller tid til å lære kompliserte metoder til å endre bilder. Et nettsted eieren kan unngå disse problemene ved å bruke HTML for å legge til tekst i bilder. De som lærer den gjeldende HTML-koden kan legge til tekst til bildene uten å kjøpe programvare eller bruke tid på komplekse bilderedigering.

Bruksanvisning

1 Last ned og åpne gratis Nvu webredaktøren. En HTML editor som NVU tillater brukeren å legge inn enten ren tekst eller HTML. Redaktøren deretter lagrer sider som en HTML-side, slik at de vises som en webside. Klikk "Open", og finne en eksisterende HTML-side hvis brukeren ønsker å sette bildet på en eksisterende side. Klikk på "Ny" knappen øverst for å opprette en ny side for bildet.

2 Klikk på "Source" nederst for å se HTML-kildekoden på siden. Se etter åpning og lukking kroppen koder. Den "<body>" -koden er åpningen body-koden. Den "</ body>" koden er den avsluttende body-koden.

3 Plasser følgende HTML-kode mellom body-kodene:

<Table border = "0" cellpadding = "0" cellspacing = "0">
<Tr>
<Td width = "221" height = "300" bakgrunn = "image link her" valign = "bottom">
<Font size = "+ 1" color = "gul"> tekst her </ font> </ td>
</ Tr>
</ Table>

Plassering koden mellom body-kodene sikrer at besøkende til en nettside vil se bildet når du besøker side på Internett.

4 Endre bredden og høyden i HTML til den samme bredde og høyde som bildet. Sett på "image linken her" tekst med link til bildet. For eksempel, hvis bildet har en fil navnet "dogpicture.jpg," type som i stedet for "image link her." La anførselstegn rundt filnavnet. Legg tekst til et bilde i "teksten her" delen av HTML.

5 Klikk "Lagre" for å lagre HTML-fil. Bruk kategorien "Normal" nederst for å se hvordan bildet vises på en webside. Sentrer tekst med mellomromstasten. Trykk på Enter-tasten for å flytte markøren ned til neste linje. Skriv inn ekstra linjer med tekst som ønsket.

6 Bruk FileZilla å laste opp filer. Last ned "FileZilla Client" versjon, og åpne programvaren. Logg inn på Web vert med domenenavnet, brukernavn og passord.

7 Dobbeltklikk på en nettside mappe i vinduet til høyre for FileZilla for å åpne den. Finn både HTML-fil og bildet i venstre vindu, og høyreklikk og velg "Last opp" for å laste dem opp. Kontroller at HTML-fil og bilde er i samme katalog (mappe). Ellers vil ikke bildet vises på websiden.

Hint

  • Endre skriftstørrelse og farge for å passe størrelsen og fargen på bildet. En besøkende kan ha problemer med å lese teksten hvis teksten fargen er for lik fargene i bildet i bakgrunnen.
  • Ikke bruk denne metoden når du lager avatarer for andre nettsteder. Disse nettstedene tillater brukeren å laste opp et bilde, men bildet vil ikke ha tekst fra HTML-fil.