Slik legger du et bilde under et bilde i HTML

 

1.

Legg bildet og HTML-dokumentet i samme mappe. De må være sammen for at HTML-dokumentet skal kunne lese bildet.

2.

Bruk et webdesignprogram eller en notisblokk til å skrive skriptet ditt. Enten metode vil fungere helt fint. Et webdesignprogram kan hjelpe deg hvis du er helt ny til HTML. Men strengt læring HTML ville bedre passe notisblokken alternativet.

3.

Legg til den første linjen der du ønsker bildet ville være. Dette ville være: u0026 lt; table class = 'image.img' u0026 gt ;. Bildet filnavnet kan være noe som image.jpg eller photo.gif.

4.

Sett inn den andre linjen. Denne linjen vil se slik ut: u0026 lt; caption align = 'bottom' u0026 gt; Tekst u0026 lt; / caption u0026 gt ;. Bildet vil være justert i bunnsenteret. «Tekst» vil være det du ønsker at bildet ditt vil si.

5.

Legg til den tredje linjen. Denne delen er for det meste kodende, forklarer programmet og tabellmetoden. Linjen vil se ut som dette; gt; / tr>. I delen 'img src' må du ha bildefilnavnet på plass.

6.

Legg den endelige linjen. Denne linjen vil avslutte bordet og bildet ditt under bildet ditt vil bli fullført. Bare sett: u0026 lt; / table u0026 gt;.

Dessverre støtter vanlige og enkle HTML-koder ikke en bildetekst under et bilde. Ingen bekymringer! Det finnes metoder hvor du kan oppnå dette målet med en enkel prosedyre. I stedet for vanlige HTML-koder, kan du enkelt bruke et bord for å skisse bildeteksten din direkte under bildet. Hvis du er ny på HTML eller en mellomliggende bruker, kan følgende trinn hjelpe deg med å sette en bildetekst under et bilde i HTML.