Syntax

Analog zu CSS -color

FACE-Parameter

Der Gesichtsparameter wird verwendet, um die Schriftart anzugeben, die für Text verwendet wird. Sie können mehrere Schriftartnamen, durch Kommas getrennt, auflisten. Wenn in diesem Fall die erste angegebene Schriftart nicht gefunden wird, verwendet der Browser die nächste in der Liste.

Syntax

Argumente sind eine beliebige Anzahl von durch Kommas getrennten Schriftartnamen. Universelle Schriftfamilien:

• Serife— Serifenschriften (antik), wie zum Beispiel Times;
• serifenlos— serifenlose Schriftarten (Schriftarten ohne oder ohne Serifen), ein typischer Vertreter ist Arial;
• kursiv— kursive Schriftarten;
• Fantasie— dekorative Schriftarten;
• Monoraum- Monospace-Schriftarten, die Breite jedes Zeichens in dieser Familie ist gleich.

CSS-Analogon – Schriftfamilie

SIZE-Parameter

Legt die Schriftgröße in willkürlichen Einheiten von 1 bis 7 fest. Die standardmäßig verwendete durchschnittliche Größe ist 3. Die Schriftgröße kann entweder als absoluter Wert (z. B. size="4") oder als relativer Wert (z. B. „4“) angegeben werden Beispiel: size="+1" size="-1"). Im letzteren Fall ändert sich die Größe relativ zur Basisgröße. Die Schriftgröße wird nicht nur durch den angegebenen Größenparameter beeinflusst, sondern auch durch die Wahl der Schriftart. Daher sieht die Schriftart Arial größer aus als die Schriftart Times und die Schriftart Verdana ist etwas größer als die Schriftart Arial. Berücksichtigen Sie diese Funktion bei der Auswahl einer Schriftart und ihrer Größe.

Syntax

Das Argument ist eine ganze Zahl von 1 bis 7 oder eine Werterhöhung oder -verringerung mithilfe der Symbole + und –.

Es scheint, warum HTML-Tags für Text kennen, wenn mittlerweile fast jedes Admin-Panel über ein praktisches verfügt, das sie automatisch setzt?

Tatsache ist, dass sich die Formatierung von Inhalten auf einer Website grundlegend von der Arbeit in Office-Anwendungen unterscheidet. Dabei reicht es nicht aus, dem Text lediglich ein ansprechendes Erscheinungsbild zu verleihen, denn nicht nur die Darstellung einer Webseite, sondern auch ihre Promotion in Suchmaschinen hängt von der richtigen Gestaltung ab.

HTML-Tags und -Attribute: Grundlegende Syntax

Jeder Text enthält einen versteckten Code, der dem Computer „erklärt“, was und wie auf dem Bildschirm angezeigt werden soll. Alle Informationen werden mithilfe einer Reihe universeller Elemente erfasst.

Im Wesentlichen handelt es sich bei HTML-Text-Tags um Befehle, die einer Seite bestimmte Blöcke hinzufügen oder deren Aussehen ändern. Das richtige Aufnahmeformat sieht so aus:

Bitte beachten Sie, dass nicht alle Tags gepaart sind. Zum Beispiel,
(Zeilensprung) oder

Warum Sie keine Artikel aus Word und anderen Programmen in den Website-Editor kopieren können

Obwohl moderne Office-Programme dieselben HTML-Tags für Text verwenden, ist nativer Code in 99 % der Fälle für Webseiten unbrauchbar. Auch wenn das Dokument in der Anwendung selbst normal angezeigt wird, kann beim Einfügen in eine Website die Formatierung verloren gehen. Darüber hinaus können Suchmaschinen aufgrund der Vielzahl unnötiger Tags und Attribute den Inhalt der Seite nicht ausreichend analysieren. Was wiederum die Werbung für Ihre Ressource erschwert.

Um sauberen und relevanten Code zu erhalten, müssen Sie zunächst den Text von HTML-Tags löschen, die mit einem normalen Editor erstellt wurden. Dafür gibt es mehrere Möglichkeiten:

1. Führen Sie den Artikel über Notepad aus und fügen Sie ihn erst dann auf der Website ein. Die Anwendung löscht sämtliches HTML, sodass Sie den Text anschließend erneut formatieren müssen (mit den Editor-Tools oder manuell).
2. Schreiben und veröffentlichen Sie Artikel mit LiveWriter. Der beliebte Blog-Editor generiert sofort den richtigen Code. Und in einem separaten Tab können Sie sehen, wie der Text auf der Website aussehen wird.
3. Verwenden Sie HTML Cleaner. Dieser Onlinedienst zerstört nicht den gesamten Code, sondern nur unnötige Fragmente. Mithilfe von Filtern wählen Sie aus, welche Tags Sie speichern möchten. Außerdem gibt es einen leistungsstarken visuellen Formatierungseditor, der dem Code bereits optimierte Befehle hinzufügt.

Absätze

Dieses Element ist in fast allen Artikeln vorhanden. Jeder Absatz sollte sich in einem solchen Container befinden – dies vereinfacht die Formatierung und ermöglicht es Ihnen, auf allen Seiten der Website einen einheitlichen Stil beizubehalten. Der Einfachheit halber das Tag

Schreiben Sie immer in eine neue Zeile.

Ausrichtung

Der separate HTML-Tag „Text Alignment“ wurde schon lange nicht mehr verwendet. Stattdessen wurde ein generisches ALIGN-Attribut erstellt. Um die Position eines Textblocks auf der Seite zu ändern, müssen Sie einen von drei Werten auswählen – MITTE, RECHTS oder LINKS. Auf die gleiche Weise können Sie die Ausrichtung für andere Elemente, beispielsweise Überschriften, festlegen.

In manchen Situationen werden andere Tags zur Ausrichtung verwendet, beispielsweise können Sie mithilfe des Elements positionieren

Überschriften und Zwischenüberschriften

Mit dem Unterüberschriftensystem können Sie eine logische Inhaltsstruktur erstellen. Wenn der Text in sinnvolle Blöcke unterteilt ist, fällt es dem Leser viel leichter, sich zu konzentrieren und neue Informationen aufzunehmen. Suchmaschinen analysieren auch Schlagzeilen, um zu verstehen, für welche Suchanfragen die Seite beworben werden soll. Aus diesem Grund empfehlen SEO-Experten die Verwendung aktueller Schlüsselwörter.

HTML verwendet sechs Ebenen von Unterüberschriften – von

Vor

. In diesem System gibt es eine klare Hierarchie:

• ...

  . Hauptartikel, Produkt in einem Online-Shop usw.). Im Text darf es nur eine geben

  . In der Regel enthält es das Hauptschlüsselwort.

• ...

  . Unterüberschriften der zweiten Ebene unterteilen den Text in sinnvolle Blöcke. Wenn Sie beispielsweise Laptops bewerten, können Sie mehrere Schritte unternehmen

  mit den Namen verschiedener Modelle.

• ...

  . Die dritte Ebene wird benötigt, wenn der Text zwischen zwei liegt

  wird ebenfalls in kleine Blöcke zerlegt. In unserem Beispiel könnten dies Bewertungskriterien sein – „Leistung“, „Speicher“, „Grafikkarte“ usw. für jedes Modell.

• ,

  ,

  . In der Praxis sind sie äußerst selten. Das allgemeine Prinzip ist jedoch dasselbe: Sie sollten in einem Block mit einer Unterüberschrift auf der obersten Ebene „verschachtelt“ sein.

Achten Sie auf die Einhaltung der richtigen Hierarchie. Um auf unser Beispiel zurückzukommen: Das bedeutet, dass Sie die Modellnamen nicht sofort als eingeben können

oder

. Und noch mehr: Verwenden Sie Unterüberschriften unterschiedlicher Ebene für Blöcke mit homogener Bedeutung (heben Sie beispielsweise einen Laptop hervor, der im Ranking den letzten Platz belegt hat).

).

Hier ist ein Diagramm, das Ihnen hilft, die korrekte Struktur von Überschriften in HTML sofort zu verstehen und sich daran zu erinnern.

Listen

Es ist besser, alle Auflistungen und Anweisungen in Listenform zu formatieren und spezielle HTML-Tags für Text zu verwenden (ein typischer Fehler sind nur wenige Absätze).

Die mit einem Bindestrich oder einer Zahl beginnen).

Der Aufbau solcher Blöcke ist sehr einfach. Zunächst legen wir die Art der Liste fest – mit Aufzählungszeichen oder nummeriert.

Alle Elemente befinden sich zwischen dem öffnenden und schließenden Tag. Jedes Listenelement beginnt in einer neuen Zeile und hat das Format . Die Anzahl der Elemente ist nicht begrenzt.

Wahl und ihre Eigenschaften

Was kann mit dieser Schriftart und Farbe geändert werden – und ohne neue Klassen zu CSS hinzuzufügen? Dies ist sehr praktisch, wenn Sie nur einen Satz oder ein Fragment hervorheben müssen.

hat mehrere Attribute:

• Gesicht. Ermöglicht Ihnen, die Textschriftart zu ändern. Sie können mehrere durch Kommas getrennte Optionen auflisten (Tahoma, Verdana). Wenn der Benutzer die erste Schriftart nicht installiert hat, verwendet das System einfach eine Alternative.
• Größe. Um den Text zu vergrößern oder zu verkleinern, geben Sie einen Wert zwischen 1 und 7 in Anführungszeichen ein.
• Farbe. Je nach Design können Sie einen der Standardtöne (Rot, Grün, Blau) wählen oder einen Code für eine beliebige Farbe eingeben.

Verwenden Sie keine mit formatierten Absätze , statt Zwischenüberschriften. Es ist besser, die gleichen Designparameter mit dem richtigen Tag festzulegen.

Möglichkeiten zum Hervorheben von Text

Eintöniger Text ist ermüdend, selbst wenn er in Absätze zerlegt ist. Um Aufmerksamkeit zu erregen und das Interesse des Lesers zu wecken, empfiehlt es sich, Kernpunkte grafisch hervorzuheben. Hier sind einige Befehle, die Ihnen bei der Bewältigung dieser Aufgabe helfen werden.

... . Ein äußerst beliebtes HTML-Tag. Fett gedruckter Text fällt sofort ins Auge und ist daher praktisch, wichtige Punkte und Fakten hervorzuheben.

Viele Leute verwechseln Tags Und . Es gibt keinen optischen Unterschied, aber sie funktionieren unterschiedlich. Der erste ändert lediglich das Erscheinungsbild des Textes, während der zweite als „Index“ fungiert und die wichtigsten Fragmente hervorhebt (Themenschlüsselwörter und Phrasen für SEO).

... . Die elegante und strenge Kursivschrift eignet sich hervorragend für die Gestaltung wissenschaftlicher Begriffe, Fremdwörter und vielfältiger Zitate. In seriösen Veröffentlichungen werden die Namen von Kunstwerken auch kursiv hervorgehoben.

... . Vielleicht hat kein anderes HTML-Tag so viele Kontroversen ausgelöst. Das Unterstreichen von Text wird selten verwendet, da diese Hervorhebungsmethode in der Vergangenheit mit Hyperlinks in Verbindung gebracht wurde. Wenn du benutzt Bitte beachten Sie, dass dies in Artikeln nur für kurze Fragmente geeignet ist – nicht mehr als eine Zeile.

... . Ein interessantes Tag, mit dem Sie ein Teil in der Werbung sehr relevant machen können – zum Beispiel, um den Kontrast zwischen alten und neuen Preisen hervorzuheben.

... . Der einfachste Weg, die Schriftgröße ohne zusätzliche Optionen zu erhöhen.

... . Es funktioniert nach dem gleichen Prinzip wie das vorherige Tag. Der darin befindliche Text ist gegenüber dem Haupttext reduziert.

^... . Der korrekte Name für dieses Format ist hochgestellt. Dieses Tag ist hauptsächlich für mathematische Grade und Fußnoten gedacht. Dadurch wird die Schriftgröße verringert und der ausgewählte Text nach oben verschoben.

_... . Indizes kommen häufig in verschiedenen Formeln vor. Das ausgewählte Fragment befindet sich unterhalb des Haupttextes.

Sinnvolle Behälter

Da einige Blöcke in vielen Texten gefunden wurden, wurden spezielle Tags für sie erstellt. Dies vereinfacht die Formatierung, denn wenn jeder Inhaltstyp seine eigenen Stile hat, müssen Sie nur einen Textabschnitt hervorheben und angeben, welche Informationen er enthält.

... . Tag zum Hinzufügen von Computercodes. Unverzichtbar in Artikeln zum Thema Programmierung mit Beispielen – Befehle werden nicht ausgeführt, sondern als Klartext angezeigt.

... . Konzipiert für die Formatierung von Zitaten – zum Beispiel wichtiger Auszüge aus einem Interview.

. Platziert einen Teil des Textes in einem separaten Block. Standardmäßig verfügt die Auswahl über einen größeren linken Abstand, Sie können jedoch auch die Größe, den Stil und die Farbe des Texts in CSS ändern.