Balise de figure HTML

Le HTML est utilisé pour de nombreuses balises permettant de mettre en évidence les sites Web, et chaque balise a ses propres fonctionnalités et spécialités d'éléments HTML prédéfinis. La

l'une des balises HTML est également utilisée pour bloquer les éléments HTML et elle est utilisée pour séparer la zone d'espace du contenu de l'utilisateur sur la page Web qui n'est pas affectée par d'autres pages Web de navigation HTML. Il est principalement utilisé pour séparer l'espace sur la page Web pour les images, les vidéos et certains contenus Web des utilisateurs. Il est utilisé dans la plupart des sites Web et est utilisé par les développeurs front-end pour identifier les problèmes de codes.

Syntaxe :

La syntaxe de la

La balise est la même que les balises HTML prédéfinies qu'elle utilisera, comme les balises personnalisées.

<figure>
----some presentation codes like image,videos and animations inserted-----
</figure>

Le code ci-dessus montre que nous utilisons la balise figure dans le document html ; nous utiliserons soit les images, les vidéos ou les animations, etc. ; en fonction des besoins de l'utilisateur, nous créerons et concevrons les pages Web.

Comment utiliser la balise de figure HTML ?

1. En HTML, la balise figure représente principalement le focus autonome sur le contenu HTML individuel, qui sera utilisé pour créer les sites Web et plus de potentiel avec l'option de focus comme la légende des images , vidéos et animations sur les sites Web. Ces éléments sont ciblés et sont utilisés pour les afficher dans les pages Web à l'aide de

élément html. La figcaption est utilisée pour capturer le contenu comme le texte et les images, les formats vidéo sont référencés avec l'unité unique des documents de la page Web.

2. Le document HTML, en fonction des besoins de l'utilisateur et des fonctionnalités attrayantes, a utilisé des images, des vidéos, etc. Nous pouvons également utiliser des illustrations, des diagrammes, des organigrammes et des extraits de code dans les pages Web ; il est également référencé avec le flux d'application principal des documents HTML ; il se déplacera dans une autre partie du document dans les pages Web comme les index, les annexes, etc. sans affecter le flux principal des navigations HTML. Dans l'option figcaption, l'élément sera utilisé pour insérer les nœuds dans la relation parent-enfant ; les nœuds s'insèrent également en utilisant le premier et le dernier enfant du document.

3. L'élément est destiné à toutes les conjonctions utilisant un balisage pour toutes les zones du document, le contenu html n'est pas affecté par le flux principal des documents. La position du contenu du flux HTML est indépendante du flux de travail HTML principal. La

La balise acceptera certains attributs spécifiques des documents HTML avec le comportement par défaut des éléments HTML. Des attributs tels que "accesskey, class, contenteditable, contextmenu, dir, draggable, dropzone, Hidden, id, itemid, itemprop, itemref, itemscope, itemtype, lang, spellcheck, style, tabindex, title, Translate", le comportement de ces attributs varie selon chacun. des attributs utilisés dans les documents html au sein de la balise figure.

4. La balise figure sera également utilisée pour le mécanisme de gestion d'événements pour les attributs de contenu ; il accepte l'attribut spécifique du gestionnaire d'événements spécifique. Le nom des attributs spécifiques et du gestionnaire d'événements sera le même. Il est le plus souvent utilisé pour évaluer l'étendue des fonctions des éléments HTML et leurs caractéristiques. À l'aide du contenu de l'attribut d'événement spécifique, il indique aux navigateurs des utilisateurs qu'ils s'exécutent avec des scripts spécifiques tels que JavaScript. Généralement, JavaScript doit être inséré entre les guillemets.

5. Nous avons utilisé élément de balise identique à l'élément

élément dans le HTML, mais il y a une certaine différence entre ces deux balises. Si le contenu HTML est affiché dans la page Web, il est simplement lié à la page Web, mais ce n'est pas essentiel dans les sites Web, nous pouvons utiliser le bouton , mais le contenu HTML est essentiel. Sa position sur la page Web n'est pas considérée comme l'objectif principal du site Web. Nous pouvons utiliser la balise

étiqueter. Ainsi, en fonction des besoins de l'utilisateur, nous pouvons utiliser les deux balises, ce qui sera plus pratique du point de vue de l'utilisateur.

tag comme source alternative dans les éléments de balise HTML prédéfinis. Habituellement, le symbole

sera éventuellement présent dans les documents HTML et les pages Web qu'il peut utiliser avant ou après dans le fichier HTML

spécifications des balises. Un seul

sera utilisé à l'intérieur de l'élément

élément; en outre, il contient des éléments imbriqués ainsi que d'autres éléments de balise enfant tels que etc., sera utilisé plusieurs fois dans la

élément.

Exemples d'implémentation de la balise de figure HTML

Vous trouverez ci-dessous les exemples de balises de figure HTML :

Exemple n°1

Code :

Sortie :

<figure>
<img src="TEst.jpg" alt="Balise de figure HTML"   style="max-width:90%">
</figure>

Example #2

Code:

<figure>
<img src="TEst.jpg" alt="Balise de figure HTML"   style="max-width:90%">
<figcaption>Welcoe To My Domain <a href="https://pixabay.com/images/search/nature/">Welcome User</a></figcaption>
</figure>

Output:

Example #3

Code:

<figure>
<img src="TEst.jpg" alt="Balise de figure HTML"   style="max-width:90%">
<img src="Test1.jpg" alt="Balise de figure HTML"   style="max-width:90%">
<img src="Test2.jpg" alt="Balise de figure HTML"   style="max-width:90%">
<figcaption><marquee>Welcome To My Domain</marquee></figcaption>
<button type="buttton" onclick="alert('Good Day')">Welcome User</button>
</figure>

Output:

The above examples will see the figure tag usage of the html web pages in the different ways we can see the first example is normally the figure tag element is used in the html body with some fixed-width length it will show the output as fixed-format of images second example same as first, but additionally multiple img tags are used with their attributes. The final example we use with the additional alert menu when we click the button is fully undercover the user impressive methodology but based on the user requirements, we can add the additional feature whomever we use our web page frequently for the business impacts. Not only javascript, we can use some other front end scripts; also, it will support the javascript libraries like jqueries, Reactjs, etc.

Conclusion

We can use most of the html tags on the web page for user impressive and attractive mode of the business. Even though we have many possibilities in the

tag element, when we compared it to the other tags like the

element, it is mostly used with some features and advantages rather than the other similar tags. It also supports the browser compatibility mode and html5 version.

Recommended Article

This is a guide to HTML figure Tag. Here we discuss the Introduction to HTML figure Tag and its Examples along with Code Implementation and Output. you can also go through our suggested articles to learn more –

1. Span Tag in HTML
2. SUP Tag in HTML
3. div Tag in HTML
4. Canvas Tag in HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!