Engada unha Lenda web que quede coa súa imaxe

Engadir subtítulos en HTML a imaxes web en 9 pasos fáciles

As imaxes engaden vida ás túas páxinas web e chamar a atención dos espectadores. Os subtítulos proporcionan información adicional sobre as túas imaxes web, pero poden ser difíciles de agregar a páxinas web sen habilidades avanzadas de HTML e CSS. Aquí hai un método fiable para engadir un subtítulo sinxelo e atractivo a unha imaxe que se manteña coa imaxe onde se mova na páxina web.

9 Pasos a un subtítulo de imaxes HTML

Engade un título a unha imaxe e múdea xuntos onde queiras:

1. Engade unha imaxe á túa páxina web.
2. No HTML para a súa páxina web, coloque unha etiqueta div á imaxe:
3. Engada un atributo de estilo á etiqueta div:
   style = "" >
4. Establecer o ancho do div ao mesmo ancho que a imaxe, coa propiedade do estilo de ancho :
   width: image width px; ">
5. Para títulos ligeramente menores que o texto circundante, engada unha propiedade de tamaño de fonte para o estilo div:
   font-size: 80%; ">
6. Os subtítulos miren mellor se están centrados debaixo da imaxe, así que engada unha propiedade de aliñamento de texto ao atributo de estilo:
   text-align: center; "> < img src = "URL" alt = "texto alternativo" width = "width" height = "height" />
7. Finalmente, engade un pouco de espazo extra entre a imaxe eo subtítulo, engadindo un atributo de estilo á imaxe cunha propiedade de estilo de fondo de relleno :
   style =" padding-bottom: 0.5em; " />

1. A continuación, engade o título do texto directamente debaixo da imaxe:
   Este é o meu título

Cargue a páxina web no servidor e proba-lo nun navegador.

Consellos de subtítulos

• Ancho : as dimensións CSS poden ser en varias medidas diferentes, polo que normalmente debe incluír o tipo de medida. Por exemplo: ancho: 100 px ; Non obstante, as dimensións da imaxe HTML sempre están en píxeles, polo que deixará a medida desactivada. width = "100"
• Se fai que o ancho da div sexa máis ancho que o ancho da imaxe, o título pode aparecer xunto á imaxe. Se isto é o que desexa, engada unha etiqueta
  directamente antes do título e despois da etiqueta da imaxe.