Heim > Artikel > Web-Frontend > Ist das HTML-h1-Tag ein Doppel-Tag? Wie lege ich die Position des HTML-H1-Tags fest?
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:
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:
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, dasZweitens: Schauen wir uns nun die Positionseinstellung des HTML an:
Die Positionseinstellung von htmlPHP 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
-Tag befindet sich offensichtlich immer noch auf der linken Seite.
Natürlich hat dieses align-Attribut auch andere Attributwerte:
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!