En este artículo, aprenderá a crear un título para un elemento de figura utilizando la etiqueta <figcaption> en el documento. Esta nueva etiqueta en la página HTML5 se usa para establecer un título para el elemento de figura en un documento.
Sintaxis:
<figcaption> Figure caption </figcaption>
Ejemplo: El siguiente ejemplo demuestra cómo aplicar un título para un elemento de figura HTML.
<!DOCTYPE html>
<html>
<head>
<title>
How to define a caption
for a figure element?
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML5: How to define a
caption for a figure
element?
</h2>
<figure>
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeks-25.png"
alt="gfglogo" style="width:50%">
<figcaption>
GeeksforGeeks Logo
</figcaption>
</figure>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA