Centre d'alignement HTML

Le la balise est l'une des balises HTML ; lorsque nous utilisons ces balises dans le document, les paragraphes, les mots ou toute valeur de texte pouvant être alignée avec la position centrale des pages Web seront alignés. En HTML, ces balises utiliseront toutes les versions sauf Html5 au lieu du style CSS et auront une propriété pour aligner les éléments avec la position centrale. En HTML, nous avons un ensemble différent de fonctionnalités pour mettre en évidence et attirer nature de l'utilisateur dans les pages Web/sites Web en raison de certains alignements tels que la taille de la police, les couleurs, les bordures, les alignements des barres de menus, les barres de défilement, les barres de navigation, etc. Ce sont quelques fonctionnalités permettant au HTML d'utiliser les pages Web de manière plus attrayante.

Syntaxe :

Nous avons déjà dit que chaque balise HTML a une syntaxe différente pour utiliser les pages Web dans les procédures HTML dtd, car HTML a des balises prédéfinies pour utiliser les exigences du client pour remplir avec succès les projets. Sur la base de ce La balise a une syntaxe pour utiliser les éléments HTML pour s'aligner correctement avec le document.

<center>
-----Some codes---
</center>

Le code ci-dessus est la syntaxe de base lorsque nous l'utilisons pour créer des pages Web si les données doivent être alignées sur la position centrale de la page Web.

En Html, on utilise l'attribut

balise à combiner avec d’autres balises prédéfinies ; également, en fonction des besoins de l'utilisateur, il peut utiliser

balise avec les éléments divisés en les alignant sur la position centrale des éléments de la balise, elle l'utilisera également pour d'autres éléments HTML.

Comment créer Align Center en HTML ?

En HTML, nous avons seulement ou plusieurs blocs contenant des textes ou des valeurs à aligner avec le centre, il utilisera le

balise dans le code HTML, ou nous pouvons utiliser certains styles CSS à l'aide de certains attributs de la balise d'ouverture et les utiliser avec la propriété « text-align ». Nous alignons les valeurs des paragraphes au centre à l'aide de l'option

balise de paragraphe en définissant la valeur de la propriété sur « text-align=center » et en attribuant les valeurs aux attributs. Cela positionne l'élément que nous indiquons au centre.

Le La balise fait désormais partie des versions HTML considérées comme obsolètes, mais elle peut toujours fonctionner avec CSS en raison de sa préférence en HTML. Nous utilisons donc le style CSS lorsque nous utilisons l'alignement comme center ; nous pouvons aligner la position centrale des données à l'aide de la propriété CSS dans le paragraphe ci-dessus. Le HTML L'élément est généralement considéré comme un élément de niveau bloc qui affiche son contenu au niveau du bloc ou en ligne qu'il a ressenti avec une position horizontale. Supposons que nous n'ayons qu'un ou plusieurs blocs pour aligner le centre du mot en utilisant les attributs de style des éléments. Supposons que plusieurs blocs de la zone de texte soient centrés à l'aide de la balise telle que comme nous l'avons considéré au début comme dans le … sections.

…

les balises seront utilisées pour chaque ensemble de balises présenté dans le format de paragraphe ; si nous ne pouvons pas utiliser d'autres ensembles de balises pour ne pas être en position centrale, nous pouvons utiliser le

Nous pouvons appeler la classe centrale des styles CSS dans le

en utilisant

étiqueter; vous pouvez utiliser une classe pour toutes les balises HTML une fois que vous l'avez créée. Par exemple, si vous alignez les valeurs spécifiées dans une balise de titre avec la position centrale en écrivant

. Bien que nous puissions aligner les images, vidéos, interfaces graphiques, etc., la position centrale n'est pas difficile avec car img est un bloc d'éléments en ligne différemment des éléments au niveau du bloc. Vous ne devez ajouter un élément en ligne avec style qu'une seule fois dans le document. Si nous voulons aligner les multiples images avec la position centrale comme quelque chose, nous créons une classe de style CSS pour réduire les codes passe-partout et les codes redondants, ce qui aidera à charger les pages Web plus rapidement.

Lorsque nous travaillons avec des styles CSS, nous utilisons un ensemble de codes pour aligner correctement les polices, spécifier la hauteur et la largeur, et ajouter des bordures et un remplissage. Parfois, des options telles que « marge-gauche : auto » et « marge-droite : auto » définissent automatiquement les marges en fonction des besoins de l'utilisateur. Cela détermine quel côté des marges doit être le plus flexible sur les sites Web et les pages Web. Si nous utilisons certaines animations dans le HTML comme balises, il alignera les mots avec les positions qui ne sont pas normales car cela se poursuit horizontalement ou verticalement en fonction de ce que nous avons déclaré avec les codages HTML.

Exemples de HTML Align Center

Voici quelques exemples :

Exemple n°1

<div>
<center>Welcome To My Domain.</center>
<p>Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Sortie :

Example #2

<div align="center" style="border:3px solid green">
Welcome To My Domain
</div>
<p><b>Welcome</b>Users</p>

Output:

Example #3

<style>
.sample {
color: green;
border: 3px blue;
margin-left: auto;
margin-right: auto;
}
h1  {
color: initial;
}
</style>


<div align="center" class="sample">
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543915257580.png" class="lazy" alt="Centre dalignement HTML"   style="max-width:90%">
Welcome To My Domain
</div>
<p><strong>Welcome</strong>Users</p>

Output:

The above three examples will show each different concept and usage of the

tags in HTML first example will use the basic HTML code for the text displayed in the centered position; in the second and third examples, we use the

to align the contents in the centered position, the last example we use additionally in the tag for loading and displaying the images in the web pages with the centered positions not only we use images, videos, and some GUI animations for adding the contents more advanced in the business prospects for the clients.

Conclusion

Certain HTML elements can display differently depending on the optional attributes used. In particular, we have the

tags or parts of the elements to be in the centered position if unspecified like tables or outside of the HTML elements like

is not to be supported for the center alignments.

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!