Heim > Artikel > Web-Frontend > Wissen Sie, wie man den Schriftstil von h1 in HTML einstellt? Ausführliche Erklärung zum Festlegen des Stils des h1-Tags
Wissen Sie, wie man den Schriftstil von h1 in HTML einstellt? Ausführliche Erklärung zum Festlegen des Stils des h1-Tags
- 寻∝梦Original
- 2018-08-27 16:42:5720173Durchsuche
In diesem Artikel wird hauptsächlich die Stilanalyse von h1-Tags in HTML erläutert. Wenn Sie jedoch keinen CSS-Stil verwenden, können Sie ihn nur in HTML4.01 anzeigen. Daher sollten wir so schnell wie möglich CSS-Cascading-Stylesheets erlernen , okay, jetzt reden wir über diesen Artikel.
Das H-Tag (H1, H2, H3 usw.) in HTML wird verwendet, um das Titelhierarchiesystem auf einer Seite anzugeben. Daher kann das Hl-Tag als Titel der gesamten Webseite betrachtet werden, das H2-Tag ist der Untertitel, H3 ist der Titel der dritten Ebene usw. Suchmaschinen haben eine gewisse Vorliebe für Schlüsselwörter, die in H-Tags vorkommen, insbesondere in Hl-Tags. Lassen Sie uns über die Verwendung von H1-Tags sprechen.
Schauen wir uns zunächst ein Beispiel an:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>php中文网</title> </head> <body> <h1 align="center" style="color:red ; font-size:50px">Hello world</h1> </body> </html>
Der Effekt ist wie in der Abbildung dargestellt:
Hier ist Hallo Welt. Verwenden Sie den Titel h1, um es auszudrücken, fügen Sie die Schriftgröße hinzu, zentrieren Sie die Anzeige und fügen Sie die Textfarbe Rot hinzu. Diese Methode zum Ändern des Stils von Tags ist sehr verbreitet.
Wie füge ich ein h1-Tag hinzu? Größe eines Textstücks (von h1 bis h6), z. B. : Das -Tag wird in den Hauptteil der Webseite geschrieben. So fügen Sie beispielsweise h1-Tags hinzu; Hintergrundfarbe für alle h1-Tags in HTML (kann nur in HTML4.01 geübt werden)
Schreiben Sie zwei oder mehr h1-Tags und fügen Sie den Tags mit CSS eine Hintergrundfarbe hinzu. Ein einfaches Codebeispiel lautet wie folgt:
<body>
<h1>这是一个标题测试</h1>
<h1>这是另一个标题测试</h1>
<style>
h1{
background: #090;
}
</style>
</body>Rendering wie folgt:
2. Fügen Sie dem Titel h1 rote Farbe hinzu, der Code lautet wie folgt:
<html> <body> <h1 align="center" style="color:red">Hello world</h1> </body> </html>3. Der Code zum Vergrößern der Schriftgröße des Titels h1:
<html> <body> <h1 align="center" font-size:50px">Hello world</h1> </body> </html>
Ich habe gehört, dass H-Tags nicht mehr verwendet werden können? Lassen Sie uns nun über die aktuellen SEO-Profis sprechen, die Titel-Tags im Allgemeinen als Mittel zur Anreicherung von Textformularen verwenden. Mein Vorschlag für die Verwendung von Titel-Tags lautet: „Im Allgemeinen darf eine Seite nur ein H1-Tag haben. Es wird empfohlen, das H1-Tag zu verwenden.“ Verwenden Sie es nur einmal für den Titel der Webseite, verwenden Sie das H2-Tag etwa zweimal für den Untertitel des Inhalts und verwenden Sie das H3-Tag etwa dreimal für andere Absätze, die hervorgehoben werden müssen Wenn Sie zu viele H-Tags verwenden, werden die Schlüsselwörter „verwässert“ und es kommt sogar zu einer Verwässerung der Schlüsselwörter Suchmaschine, um es als Betrug zu beurteilen.
[Empfehlung des Herausgebers]
Das obige ist der detaillierte Inhalt vonWissen Sie, wie man den Schriftstil von h1 in HTML einstellt? Ausführliche Erklärung zum Festlegen des Stils des h1-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!