Hoe om tekst te schrijven op een afbeelding om in HTML

Hoe om tekst te schrijven op een afbeelding om in HTML Ciaran Griffin / Levensgrote / Getty Images

Webdesigners gebruiken meestal editing software om tekst toe te voegen aan foto's.Echter, kunnen website-eigenaren die willen om tekst toe te voegen aan hun foto's niet over de middelen om dure software of de tijd om de ingewikkelde methoden van het veranderen van beelden te leren kopen.Een website eigenaar kan deze problemen te vermijden door het gebruik van HTML om tekst toe te voegen aan foto's.Degenen die leren de toepasselijke HTML-code kunt tekst toevoegen aan foto's zonder het kopen van software of tijd doorbrengen op complexe beeldbewerking.

instructies

  1. Download en open de vrije NVU web editor.Een HTML-editor zoals NVU kan de gebruiker zowel platte tekst of HTML in te voeren.De editor slaat pagina's als een HTML-pagina, zodat ze worden weergegeven als een webpagina.Klik op "Open" en vind een bestaande HTML-pagina als de gebruiker wenst om het beeld gezet op een bestaande pagina.Klik op de "New" knop aan de b

    ovenkant van een nieuwe pagina te maken voor het beeld.

  2. Klik op "Bron" aan de onderkant van de HTML broncode van de pagina te zien.Kijk voor het openen en sluiten van body-tags.De "& lt; body & gt;"tag is de opening lichaam tag.De "& lt; / body & gt;"tag is de afsluitende body-tag.

  3. Plaats de volgende HTML-code tussen de body-tags:

    & lt; table border = "0" cellpadding = "0" cellspacing = "0" & ​​gt;
    & lt; tr & gt;
    & lt; td width = "221" height = "300" background = "image link here" valign = "bottom" & gt;
    & lt; font size = "+ 1" color = "yellow" & gt; tekst hier & lt; / font & gt; & lt; / td & gt;
    & lt; / tr & gt;
    & lt; / table & gt;

    plaatsen van de code tussen de body-tags zorgt ervoor dat de bezoekers naar een webpagina de afbeelding zien wanneer op het internet een bezoek aan de pagina.

  4. Verander de breedte en hoogte in de HTML op dezelfde breedte en hoogte als de afbeelding.Vervang de 'afbeelding link hier "tekst met de link naar de afbeelding.Bijvoorbeeld, als de afbeelding een bestandsnaam van "dogpicture.jpg," type dat in plaats van "afbeeldingslink here."Laat de aanhalingstekens rond de bestandsnaam.Tekst toevoegen aan een afbeelding in de "tekst hier" gedeelte van de HTML.

  5. Klik op "Save" om de HTML-bestand op te slaan.Gebruik het tabblad "Normaal" aan de onderkant om te zien hoe het beeld wordt weergegeven op een webpagina.Centreer de tekst met de spatiebalk.Druk op Enter om de cursor omlaag te verplaatsen naar de volgende regel.Typ indien gewenst meer regels tekst.

  6. Gebruik FileZilla om de bestanden te uploaden.Download de "FileZilla Client" versie, en de software te openen.Log in op de website host met de domeinnaam, gebruikersnaam en wachtwoord.

  7. Dubbelklik op een website map in het rechter venster van FileZilla om het te openen.Vinden zowel het HTML-bestand en de afbeelding in het linker venster, en klik met de rechtermuisknop en selecteer "Upload" om ze te uploaden.Zorg ervoor dat de HTML-bestanden en afbeeldingen zijn in dezelfde directory (map).Anders zal het beeld niet op de webpagina.

Tips & amp;Waarschuwingen

  • Verander de lettergrootte en de kleur van de grootte en kleur van het beeld past.Een bezoeker kan problemen om de tekst te lezen zijn als de tekst kleur is te vergelijkbaar met de kleuren van het beeld op de achtergrond.
  • deze methode niet te gebruiken bij het maken van avatars voor andere websites.Deze sites kan de gebruiker een afbeelding te uploaden, maar het beeld zal de tekst van het HTML-bestand niet.

Resources

  • Net2.com: NVU Free Web Editor
  • FileZilla Gratis FTP-client
  • W3Schools.com: HTML Beelden
551
0
1
Webontwikkeling