HTML-Codes zum Anzeigen von Pfeilen
Dieser Artikel behandelt die Verwendung von Unicode-Zeicheneinheiten, um verschiedene Zeichen auf unserer HTML-Seite anzuzeigen. In HTML werden zahlreiche Entitäten verwendet, aber wir konzentrieren uns darauf, die dreieckigen Pfeile für oben, unten, links und rechts zu lernen.
HTML-Entitäten mit Beispielen
In HTML sind einige Zeichen reserviert. Dies liegt daran, dass der Browser Tags mit Kleiner-als- (<) oder Größer-als-Zeichen (>) verwechseln kann, wenn Sie sie in Ihrem Text verwenden. In HTML werden reservierte Zeichen mithilfe von Zeicheneinheiten angezeigt.
Eine Zeichenentität sieht wie folgt aus:
&name_of_entity
ODER
&#number_of_entity
Das bedeutet, dass HTML-Zeichenentitäten immer mit einem kaufmännischen Und-Zeichen (&) oder einem kaufmännischen Und-Hash-Zeichen (&#) beginnen. Eine häufig verwendete HTML-Entität ist beispielsweise  , ein geschütztes Leerzeichen zwischen zwei beliebigen Wörtern.
Entitäten haben auch einen Namen und eine Nummer. Beispielsweise hat ein geschütztes Leerzeichen einen Entitätsnamen von   und eine Entitätsnummer von  . Beide haben die gleiche Bedeutung und den gleichen Zweck.
In HTML werden zahlreiche Entitäten verwendet, aber wir werden die dreieckigen Pfeile für oben, unten, links und rechts besprechen. Sehen wir uns das folgende Beispiel an:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The upper arrow is displayed as: ▲</h2>
</body>
</html>
Wenn wir einen dreieckigen Pfeil nach unten anzeigen müssen, lautet der Code ähnlich:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The down arrow is displayed as: ▼</h2>
</body>
</html>
Um einen dreieckigen Pfeil anzuzeigen, der nach rechts zeigt, können wir den folgenden Code verwenden:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The right arrow is displayed as: ▶</h2>
</body>
</html>
Und der nach rechts zeigende Pfeil wird mit der folgenden Entitätsnummer angezeigt:
<html>
<body>
<h1>HTML Triangular Arrow Entities</h1>
<h2>The left arrow is displayed as: ◀</h2>
</body>
</html>
Beachten Sie, dass wir in allen obigen HTML-Codeausschnitten Dezimalzahlen verwendet haben, um HTML-Entitäten anzuzeigen. Diese Symbole können jedoch auch mit ihren entsprechenden Hexadezimalcodes angezeigt werden.
Die folgende Tabelle gibt ihr entsprechendes hexadezimales Äquivalent an:
| Name | Dezimaler Entitätscode | Hexadezimaler Entitätscode |
|---|---|---|
| Oberes Dreieck | ▲ |
▲ |
| Unteres Dreieck | ▼ |
▼ |
| Recht dreieckig | ▶ |
▶ |
| Links dreieckig | ◀ |
◀ |
Es ist daran zu erinnern, dass dies eine solche Variante von Dreiecken ist; Es gibt auch zahlreiche andere in verschiedenen Farben und Größen. Jeder hat unterschiedliche Dezimal- bzw. Hexadezimalcodes.