Überschriften sind in HTML-Dokumenten wichtig.
HTML Rubriken
Überschriften sind mit dem definierten <h1> to <h6> Tags.
<h1> definiert die wichtigste Position. <h6> definiert die am wenigsten wichtige Position.
Beispiel
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3> Versuch es selber " Note: Browser automatisch leere Speicherplatz hinzufügen ( a margin ) - ( a margin ) vor und nach jeder Überschrift.
Rubriken sind wichtig
Verwenden Sie HTML-Überschriften für Überschriften nur. Sie nicht Schriften verwenden , um Text zu machen BIG oder bold .
Suchmaschinen verwenden Ihre Positionen zu indizieren, die Struktur und den Inhalt Ihrer Web-Seiten.
Benutzer abschöpfen Ihrer Seiten durch ihre Überschriften. Es ist wichtig, Überschriften zu verwenden, um die Dokumentstruktur zu zeigen.
h1 Überschriften sollten durch die Hauptüberschriften, gefolgt h2 Schriften, dann die weniger wichtig h3 , und so weiter.
HTML Horizontal-Regeln
Der <hr> Tag erzeugt eine horizontale Linie in einer HTML - Seite.
Das hr-Element kann auf separaten Content verwendet werden:
Beispiel
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p> Versuch es selber " Das HTML <head> Element
Das HTML <head> Element hat nichts mit HTML -Überschriften zu tun.
Der HTML <head> Element enthält Metadaten. Meta-Daten werden nicht angezeigt.
Die HTML <head> Element ist zwischen dem platziert <html> -Tag und dem <body> tag:
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
. Versuch es selber " Metadaten sind Daten über Daten. HTML - Meta - Daten sind Daten über das HTML - Dokument.
Das HTML <title> Element
Die HTML <title> Element sind Meta - Daten. Er definiert den Titel des HTML-Dokuments.
Der Titel wird nicht im Dokument angezeigt wird, kann aber in dem Browser-Tab angezeigt.
Die HTML <meta> Element
Das HTML <meta> Element ist auch Metadaten.
Es kann verwendet werden, um den Zeichensatz und andere Informationen über das HTML-Dokument zu definieren.
Weitere Meta - Elemente
Im Kapitel über HTML-Stile entdecken Sie weitere Meta-Elemente:
Das HTML <style> Element wird verwendet , um internes CSS - Stylesheets zu definieren.
Das HTML <link> Element wird verwendet , um externes CSS - Stylesheets zu definieren.
HTML Tipp - Wie HTML View Source
Haben Sie schon einmal eine Webseite und fragte mich gesehen "Hey! How did they do that?"
Um herauszufinden , die rechte Maustaste auf der Seite und wählen Sie "View Page Source" (in Chrome) oder "View Source" (in IE) oder ähnlich in einem anderen Browser. Es öffnet sich ein Fenster, um den HTML-Code der Seite enthält.
Testen Sie sich mit Übungen!
Übung 1 » Übung 2» Übung 3 » Übung 4»
HTML-Tag-Referenz
w3ii‘tag Referenz enthält weitere Informationen zu diesen Tags und ihre Attribute.
Sie werden mehr über HTML-Tags und Attribute in den nächsten Kapiteln dieses Tutorials lernen.
| Etikett | Beschreibung |
|---|---|
| <html> | Definiert ein HTML-Dokument |
| <body> | Definiert den Körper des Dokuments |
| <head> | Definiert das Kopfelement des Dokuments |
| <h1> to <h6> | Definiert HTML Überschriften |
| <hr> | Definiert eine horizontale Linie |