HTML-Ausrichtungszentrum

Das tag ist eines der HTML-Tags; Wenn wir diese Tags im Dokument verwenden, werden die Absätze oder Wörter oder alle möglichen Textwerte an der Mittelposition der Webseiten ausgerichtet. In HTML verwenden diese Tags alle Versionen außer HTML5 anstelle des CSS-Stils und verfügen über eine Eigenschaft, um die Elemente an der Mittelposition auszurichten. In HTML haben wir einen anderen Satz von Funktionen zum Hervorheben und Anziehen Benutzercharakter in Webseiten/Websites aufgrund einiger Ausrichtungen wie Schriftgröße, Farben, Rahmen, Ausrichtung der Menüleiste, Bildlaufleisten, Navigationsleisten usw. Dies sind einige Funktionen für HTML, um die Webseiten attraktiver zu nutzen.

Syntax:

Wir haben bereits gesagt, dass jedes HTML-Tag einen anderen Syntaxsatz hat, um die Webseiten innerhalb der HTML-DTD-Prozeduren zu verwenden, da HTML über vordefinierte Tags verfügt, um die Kundenanforderungen für die erfolgreiche Erfüllung der Projekte zu verwenden. Basierend auf diesem

-Tag verfügt über eine Syntax zur Verwendung der HTML-Elemente, um sie ordnungsgemäß am Dokument auszurichten.

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

Der obige Code ist die grundlegende Syntax, wenn wir ihn zum Erstellen von Webseiten verwenden, wenn die Daten an der Mittelposition der Webseite ausgerichtet werden sollen.

In HTML verwenden wir das

Tag zum Kombinieren mit anderen vordefinierten Tags; Basierend auf den Benutzeranforderungen kann außerdem

verwendet werden. Tag mit den geteilten Elementen durch Ausrichtung an der Mittelposition für die Elemente des Tags, genauso wie es für andere HTML-Elemente verwendet wird.

Wie erstelle ich ein Ausrichtungszentrum in HTML?

In HTML müssen nur oder mehrere Blöcke, die einige Texte oder Werte enthalten, an der Mitte ausgerichtet werden. Dabei wird das Symbol

verwendet. Tag im HTML-Code, oder wir können einige CSS-Stile mit Hilfe einiger Attribute für das öffnende Tag verwenden und mit der Eigenschaft „text-align“ verwenden. Wir richten Absatzwerte in der Mitte aus, indem wir HTMLs

verwenden. Absatz-Tag, indem Sie den Eigenschaftswert auf „text-align=center“ setzen und die Werte den Attributen zuweisen. Dadurch wird das von uns angegebene Element in der Mitte positioniert.

Das In manchen HTML-Versionen gilt das Tag inzwischen als veraltet, aber aufgrund seiner Beliebtheit in HTML funktioniert es möglicherweise immer noch mit CSS. Daher verwenden wir den CSS-Stil, wenn wir die Ausrichtung wie die Mitte verwenden. Mithilfe der CSS-Eigenschaft im obigen Absatz können wir die Mittelposition der Daten ausrichten. Der HTML-Code Das Element wird im Allgemeinen als Element auf Blockebene betrachtet, das seinen Blockebenen- oder Inline-Inhalt, den es empfand, in horizontaler Position anzeigt. Angenommen, wir haben nur einen oder mehrere Blöcke, um die Wortmitte anhand der Stilattribute der Elemente auszurichten. Angenommen, mehrere Blöcke des Textbereichs werden mithilfe eines Tags wie zentriert. wie wir schon früh darüber nachgedacht haben, wie im … Abschnitte.

…

Tags werden für jeden Satz von Tags verwendet, die im Absatzformat dargestellt werden. Wenn wir keine anderen Tag-Sets verwenden können, um sie nicht an der zentralen Position zu platzieren, können wir den

Wir können die Mittelklasse der CSS-Stile im

aufrufen. mit

Etikett; Sie können eine Klasse für beliebige HTML-Tags verwenden, sobald Sie sie erstellt haben. Wenn Sie beispielsweise die in einem Überschriften-Tag angegebenen Werte an der Mittelposition ausrichten, indem Sie

schreiben. Obwohl wir die Bilder, Videos, GUIs usw. ausrichten können, ist die zentrale Position mit nicht schwierig. weil img ein Inline-Elementblock ist, anders als die Elemente auf Blockebene. Sie sollten ein Inline-Element im Stil nur einmal im Dokument hinzufügen. Wenn wir die mehreren Bilder beispielsweise an der zentralen Position ausrichten möchten, erstellen wir eine CSS-Stilklasse, um die Boilerplate-Codes und redundanten Codes zu reduzieren, was dazu beiträgt, dass die Webseiten schneller geladen werden.

Bei der Arbeit mit CSS-Stilen verwenden wir eine Reihe von Codes, um Schriftarten richtig auszurichten, Höhe und Breite anzugeben sowie Ränder und Abstände hinzuzufügen. Manchmal legen Optionen wie „Rand links: automatisch“ und „Rand rechts: automatisch“ automatisch Ränder basierend auf den Anforderungen des Benutzers fest. Dadurch wird bestimmt, welche Seite der Ränder auf Websites und Webseiten flexibler sein soll. Wenn wir im HTML einige Animationen wie Tags werden die Wörter an den Positionen ausgerichtet, die nicht normal sind, da sie horizontal oder vertikal verlaufen, basierend auf dem, was wir mit den HTML-Codierungen angegeben haben.

Beispiele für HTML Align Center

Im Folgenden finden Sie einige Beispiele:

Beispiel #1

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

Ausgabe:

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="HTML-Ausrichtungszentrum.jpg" alt="HTML-Ausrichtungszentrum"   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.

Das obige ist der detaillierte Inhalt vonHTML-Ausrichtungszentrum. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!