Wie zentriere ich das HTML-H1-Tag? Analyse von Beispielen für die h1-Zentrierung in HTML

寻∝梦

Freigeben： 2018-08-27 17:10:22

Original

85474 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von h1 zum Zentrieren von HTML vorgestellt. Dieses Attribut hilft beim Zentrieren vieler Tags. Es ist ein sehr nützliches Attribut, das jedoch geändert wurde. Ich habe CSS verwendet, aber für Anfänger ist es besser, das align-Attribut zu verwenden, um das h1-Tag zu zentrieren. Okay, beginnen wir jetzt mit dem Lesen des folgenden Artikels

Schauen wir uns zunächst an, was das h1-Tag bewirkt? Das

-Tag ist ein Tag, der zur Definition des Titels verwendet wird.

Wie zentriert man also dieses Titel-Tag? Hier geht es um das align-Attribut. Sie können das text-align:center-Attribut verwenden, um den HTML-Titel zu zentrieren. Da das h-Serien-Tag selbst ein Element auf Blockebene ist, kann das Setzen dieses Attributs den Text zentrieren. Lassen Sie mich Ihnen ein Beispiel zeigen

Mittig ausgerichteter HTML-h1-Titel:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
</body>
</html>

Nach dem Login kopieren

Sehen Sie sich nach dem Ausführen das Bild an:

Wie zentriere ich das HTML-H1-Tag? Analyse von Beispielen für die h1-Zentrierung in HTML

-

-Tags definieren Titel.

definiert die größte Überschrift.

Definiert die kleinste Überschrift.

Da das h-Element eine genaue Semantik hat, wählen Sie bitte sorgfältig die entsprechende Tag-Ebene aus, um das Dokument zu strukturieren. Grundsätzlich wird CSS verwendet, um die Webseite schöner zu machen.

Die Rolle des HTML-h1-Tags:

wird für die Website-Erstellung verwendet. Seine Rolle ist nach Title an zweiter Stelle auch h2 und h3 Wenn diese Tags richtig verwendet werden, führt die Optimierung der Website mit halbem Aufwand zum doppelten Ergebnis.

Hier einige Beispiele: (von h1 bis h6)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
<h2 align="center">这是第二标题</h2>
<h3 align="center">这是第三标题</h3>
<h4 align="center">这是第四标题</h4>
<h5 align="center">这是第五标题</h5>
<h6 align="center">这是最小的标题</h6>
</body>
</html>

Nach dem Login kopieren

Die Darstellung ist wie folgt:

Wie zentriere ich das HTML-H1-Tag? Analyse von Beispielen für die h1-Zentrierung in HTML

Wie im Bild gezeigt oben, Der kleinste Titel ist hier h6, der kleinste Titel und kleiner als normaler Text. Daher werden meistens nur die ersten paar Titel verwendet, und die späteren werden schließlich selten verwendet Worte sind zu klein.

[Verwandte Empfehlungen]

Was bedeutet das Head-Tag in HTML? Ein Artikel zeigt Ihnen, wie Sie das Head-Tag richtig verwenden

Sollten Hacker PHP oder Python lernen? Rationale Analyse von zehn Unterschieden zwischen PHP und Python

Das obige ist der detaillierte Inhalt vonWie zentriere ich das HTML-H1-Tag? Analyse von Beispielen für die h1-Zentrierung in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!