Heim > Web-Frontend > HTML-Tutorial > 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

寻∝梦
Freigeben: 2018-08-27 16:42:57
Original
20205 Leute haben es durchsucht

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>
Nach dem Login kopieren

Der Effekt ist wie in der Abbildung dargestellt:

Wissen Sie, wie man den Schriftstil von h1 in HTML einstellt? Ausführliche Erklärung zum Festlegen des Stils des h1-Tags

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren
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>
Nach dem Login kopieren

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]

Wissen Sie, wie man den Schriftstil von h1 in HTML einstellt? Ausführliche Erklärung zum Festlegen des Stils des h1-Tags

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


Wie zentriere ich den Inhalt des th-Headers in der HTML-Tabelle? Eine detaillierte Einführung in das align-Attribut des th-Header-Tags

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage