Hvordan Sett en Caption Nedenfor et bilde i HTML

Dessverre har regelmessige og enkle HTML-koder ikke støtte en bildetekst under et bilde. Ingen bekymringer! Det finnes metoder som du kan oppnå dette målet med en enkel prosedyre. I stedet for vanlige HTML-koder, kan du bruke en tabell for å skissere bildetekst rett under bildet ditt med letthet. Hvis du er ny til HTML eller en middels bruker, kan følgende trinn hjelpe deg med å sette en bildetekst under et bilde i HTML.

Bruksanvisning

1 Plasser bilde og HTML-dokumentet i samme mappe. De trenger å være sammen for at HTML-dokument for å lese bildet.

2 Bruk et webdesign program eller notepad til å skrive manuset. Begge metodene vil fungere helt fint. En web design program kan hjelpe deg hvis du er helt ny på HTML. Men ville strengt lære HTML bedre tilpasset notisblokken alternativet.

3 Legg den første linjen til der du ønsker at bildet ville være. Dette ville være: <table class = "image.img">. Bildefilen navn kan være noe sånt som picture.jpg eller photo.gif.

4 Sett den andre linjen. Denne linjen vil se slik ut: <caption align = "bottom"> Tekst </ caption>. Bildeteksten vil bli justert i bunnen sentrum. "Text" vil bli det du ønsker bildeteksten ville si.

5 Legg den tredje linjen. Denne delen er for det meste koding, forklarer programmet og tabellen metoden. Linjen vil se ut omtrent slik; "<Tr> <td> <img seksjonen må ha bildefilen navn på plass.

6 Plasser den siste linjen. Denne linjen vil ende bordet og bildeteksten under bildet ditt vil bli fullført. Enkelt sagt: </ table>.