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.
1 2 3 | <center>
-----Some codes---
</center>
|
Nach dem Login kopieren
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
Beispiele für HTML Align Center
Im Folgenden finden Sie einige Beispiele:
Beispiel #1
1 2 3 4 5 | <div>
<center>Welcome To My Domain.</center>
<p>Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>
|
Nach dem Login kopieren
Ausgabe:
Example #2
1 2 3 4 | <div align= "center" style= "border:3px solid green" >
Welcome To My Domain
</div>
<p><b>Welcome</b>Users</p>
|
Nach dem Login kopieren
Output:
Example #3
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <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>
|
Nach dem Login kopieren
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!