Heim  >  Artikel  >  Web-Frontend  >  Ist das HTML-h1-Tag ein Doppel-Tag? Wie lege ich die Position des HTML-H1-Tags fest?

Ist das HTML-h1-Tag ein Doppel-Tag? Wie lege ich die Position des HTML-H1-Tags fest?

寻∝梦
寻∝梦Original
2018-08-29 13:36:059831Durchsuche

In diesem Artikel geht es hauptsächlich um die Einführung des HTML-h1-Tags , den Effekt der Doppel-Tag-Anzeige des H1-Tags und das Ergebnis der Einzel-Tag-Anzeige sowie die Positionsanpassung des HTML-H1-Tags. Verwendung und Einführung des align-Attributs hinzugefügt. Werfen wir als nächstes einen Blick darauf

1: Lassen Sie uns zunächst darüber sprechen, ob das HTML-h1-Tag ein Doppel-Tag ist.

Viele Leute, die noch nie das h1-Tag in HTML verwendet haben, müssen dieses Problem haben. Tatsächlich ist es sehr einfach und kann anhand eines Beispiels verstanden werden. (Wenn Sie weitere Beispiele sehen möchten, willkommen auf der chinesischen PHP-Website, einer umfassenden Programmierwebsite)

Hier ist ein Beispiel für das HTML-h1-Tag:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1>欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
</html>

Dies ist ein einfacher Fall. Es ist ersichtlich, dass das

-Tag ein Doppel-Tag ist. Es muss ein End-Tag in HTML4 oder HTML5 vorhanden sein Vergessen Sie es, einige Der Browser zeigt die große Größe normal an, aber der Chrome-Browser zeigt es auf andere Weise an:

Ist das HTML-h1-Tag ein Doppel-Tag? Wie lege ich die Position des HTML-H1-Tags fest?

Schauen Sie sich den Stil des schließenden Tags ohne h1 an:

<body>
<h1>欢迎大家来到PHP中文网的教程中
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>

Können Sie sich die Auswirkung davon im Chrome-Browser vorstellen? Okay, schauen wir es uns einfach an:

Ist das HTML-h1-Tag ein Doppel-Tag? Wie lege ich die Position des HTML-H1-Tags fest?

Haben Sie gesehen, dass der Anzeigeeffekt in Chrome so unterschiedlich ist, dass alle Wörter zu h1-Titelzeichen werden? Das ist offensichtlich nicht der Effekt, den wir wollen. Niemand ist bereit, so viele Schriftarten zu verwenden. Daher sollte jeder daran denken, das

-Tag in Zukunft zu beenden.

Zweitens: Schauen wir uns nun die Positionseinstellung des HTML an:

Die Positionseinstellung von html

Lernen wir ein Attribut kennen: align-Attribut. (Wenn Sie weitere Attributeinführungen sehen möchten, klicken Sie bitte auf

PHP Chinese website)

align attribute kann bei der zentrierten Anzeige vieler Tags helfen, und jetzt ist das h1-Tag keine Ausnahme Schauen Sie sich eine Beispielleiste an:

<body>
<h1 align="center">欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>

Sehen Sie sich das align-Attribut an, das oben zum h1-Code hinzugefügt wurde. Sehen wir uns nun den Effekt an


Ist das HTML-h1-Tag ein Doppel-Tag? Wie lege ich die Position des HTML-H1-Tags fest?

Weil das Der Screenshot ist nicht klar, aber der Inhalt dieses h1-Tags befindet sich in der Mitte der Webseite. Der Inhalt im

-Tag befindet sich offensichtlich immer noch auf der linken Seite.

Natürlich hat dieses align-Attribut auch andere Attributwerte:

  • align="left": Wenn dieses Attribut in h1 gesetzt ist der Wert wahr ist, dann erscheint der Titel in h1 auf der linken Seite, wie im Bild oben gezeigt


  • align="right": Wenn dieser Attributwert festgelegt ist h1 Wenn ja, erscheint der Titel in h1 auf der rechten Seite der Webseite.

Diese beiden werden nicht vorgeführt. Wenn Sie interessiert sind, können Sie es selbst ausprobieren.

Okay, dieser Artikel ist vorbei. Es gibt viele weitere Einführungen zum h1-Tag, die in zukünftigen Artikeln erscheinen werden.

【Empfehlung des Herausgebers]

Wie verwende ich das Methodenattribut des Formular-Tags in HTML? Hier finden Sie eine Einführung in die Verwendung des Methodenattributs

Was bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags

Das obige ist der detaillierte Inhalt vonIst das HTML-h1-Tag ein Doppel-Tag? Wie lege ich die Position des HTML-H1-Tags fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen