Hvordan man skriver tekst på et billede i HTML

Hvordan man skriver tekst på et billede i HTML Ciaran Griffin / Lifesize / Getty Images

webdesignere bruger typisk redigeringssoftware til at tilføje tekst til billeder.Dog kan webstedsejere, der ønsker at tilføje tekst til deres billeder ikke har midlerne til at købe dyre software eller tid til at lære de komplicerede metoder til ændring af billeder.En boardadministrator kan undgå disse problemer ved at bruge HTML til at tilføje tekst til billeder.De, der lærer de gældende HTML-kode kan tilføje tekst til billeder uden at købe software eller bruge tid på komplekse billedredigering.

Instruktioner

  1. hente og åbne den frie NVU webredaktør.En HTML editor som NVU tillader brugeren at indtaste enten almindelig tekst eller HTML.Redaktøren derefter gemmer sider som en HTML-side, så de vil vises som en webside.Klik på "Åbn", og find en eksisterende HTML-side, hvis brugeren ønsker at sætte billedet på en eksisterende side.Klik på knappen "Ny" i toppen til at oprette en ny side for billedet.

  2. Klik på "Source" nederst fo

    r at se HTML-kildekoden på siden.Kig efter åbning og lukning krop tags.Den "& lt; body & gt;"tag er åbningen krop tag.Den "& lt; / body & gt;"tag er det afsluttende kroppen tag.

  3. Placer følgende HTML-kode mellem kroppen tags:

    & lt; table border = "0" cellpadding = "0" cellspacing = "0" & ​​gt;
    & lt; tr & gt;
    & lt; td width = "221" height = "300" baggrund = "image linket her" valign = "bunden" & gt;
    & lt; font size = "+ 1" color = "gule" & gt; tekst her & lt; / font & gt; & lt; / td & gt;
    & lt; / tr & gt;
    & lt; / bord & gt;

    Placering af koden mellem kroppens tags sikrer, at besøgende på en webside vil se billedet, når du besøger siden på internettet.

  4. Ændre bredde og højde i HTML til samme bredde og højde som billedet.Udskift "image linket her" tekst med et link til billedet.For eksempel, ". Billedet linket her", hvis billedet har en fil navnet "dogpicture.jpg," type, der i stedet forLad anførselstegn omkring filnavnet.Tilføje tekst til et billede i "tekst her" del af HTML.

  5. Klik på "Gem" for at gemme HTML-filen.Brug "Normal" fanen i bunden for at se, hvordan billedet vil blive vist på en webside.Centrere teksten med mellemrumstasten.Tryk på Enter for at flytte markøren ned til den næste linje.Type yderligere tekstlinjer som ønsket.

  6. Brug FileZilla til at uploade filerne.Download "FileZilla Client" version, og åbne softwaren.Log ind på web-vært med domænenavnet, brugernavn og adgangskode.

  7. Dobbeltklik på en hjemmeside mappe i det højre vindue af FileZilla at åbne den.Find både HTML-filen og billedet i venstre vindue, og højreklik og vælg "Upload" for at uploade dem.Sørg for, at HTML-filen og image er i samme mappe (mappe).Ellers vil billedet ikke vises på websiden.

Tips & amp;Advarsler

  • Ændre skriftstørrelse og farve til at passe til størrelsen og farven af ​​billedet.En besøgende kan have problemer med at læse teksten, hvis teksten farve er for ens til billedets farver i baggrunden.
  • må ikke bruge denne metode, når du opretter avatarer til andre hjemmesider.Disse websteder giver brugeren mulighed for at uploade et billede, men billedet vil ikke have teksten fra HTML-fil.

Ressourcer

  • Net2.com: NVU Gratis Web Editor
  • FileZilla Gratis FTP-klient
  • W3Schools.com: HTML Images
693
0
1
Web Development