Afegiu una llegenda web que es mantingui amb la seva imatge

Afegiu subtítols HTML a imatges web en 9 passos senzills

Les imatges afegeixen vida a les vostres pàgines web i criden l'atenció dels espectadors. Els subtítols proporcionen informació addicional sobre les imatges web, però poden ser difícils d'afegir a pàgines web sense coneixements avançats d'HTML i CSS. Aquí teniu un mètode confiable per afegir un títol senzill però atractiu a una imatge que es mantingui amb la imatge allà on la mous a la pàgina web.

9 passos per a una llegenda d'imatges HTML

Afegiu un títol a una imatge i múdelos allà on vulgueu:

1. Afegiu una imatge a la vostra pàgina web.
2. En el codi HTML de la vostra pàgina web, col·loqueu una etiqueta div a la imatge:
3. Afegiu un atribut d'estil a l'etiqueta div:
   style = "" >
4. Estableix l'amplada del div al mateix ample que la imatge, amb la propietat d'estil d'amplada :
   width: width px; ">
5. Per als subtítols que són lleugerament més petits que el text que l'envolta, afegiu una propietat de mida de font a l'estil div:
   font-size: 80%; ">
6. Els subtítols es veuen millor si estan centrats a sota de la imatge, així que afegiu una propietat alinear text a l'atribut d'estil:
   text-align: center; "> < img src = "URL" alt = "text alternatiu" width = "width" height = "height" />
7. Finalment, afegiu un poc més d'espai entre la imatge i el títol, afegint un atribut d'estil a la imatge amb una propietat d' estil inferior :
   style =" bottom-bottom: 0.5em; " />

1. A continuació, afegiu el títol del text directament a sota de la imatge:
   Aquest és el meu títol

Pengeu la pàgina web al vostre servidor i proveu-lo en un navegador.

Consells de subtitulació

• Amplades : les dimensions CSS es poden trobar en diferents mesuraments, de manera que normalment cal incloure el tipus de mesura. Per exemple: ample: 100 px ; Tanmateix, les dimensions d'imatge HTML sempre estan en píxels, de manera que deixeu de banda la mesura. width = "100"
• Si fa que l'amplada del div sigui més ample que l'ample de la imatge, el títol pot aparèixer al costat de la imatge. Si això és el que voleu, afegiu una etiqueta
  directament abans de la llegenda i després de l'etiqueta d'imatge.