Sådan Put en billedtekst Nedenfor et billede i HTML

June 7

Desværre har regelmæssige og simple HTML-tags ikke støtte en billedtekst under et billede. Ingen problemer! Der er metoder, hvor du kan opnå dette mål med en enkel procedure. I stedet for almindelige HTML-tags, kan du bruge en tabel til at skitsere din billedtekst direkte under dit billede med lethed. Hvis du er ny til HTML eller en mellemliggende bruger, kan følgende trin hjælpe dig med at sætte en billedtekst under et billede i HTML.

Instruktioner

1 Placer dit billede og dit HTML-dokument i den samme mappe. De skal være sammen, for HTML-dokumentet at læse billedet.

2 Brug et web-design program eller notesblok til at skrive dit script. Enten metode vil fungere fint. En web-design program kan hjælpe dig, hvis du er helt ny til HTML. Dog ville strengt lære HTML bedre passer til notesblok mulighed.

3 Tilføj den første linje til hvor du ønsker billedet ville være. Dette ville være: <table class = "image.img">. billede Filnavnet kan være noget lignende billede.jpg eller photo.gif.

4 Sæt den anden linje. Denne linje vil se sådan ud: <caption align = "bottom"> Tekst </ caption>. Billedteksten vil blive tilpasset i nederst i midten. Den "Tekst" ville være, hvad du ønsker din billedtekst ville sige.

5 Tilsæt tredje linje. Denne del er hovedsagelig kodning, forklarer programmet og tabellen metoden. Linjen ville se ligner dette; "<Tr> <td> <img sektion skal have navn billedfilen på plads.

6 Placer sidste linje. Denne linje vil ende bordet og din billedtekst under billedet vil være komplet. Kort sagt: </ table>.


relaterede artikler