HTML 显示箭头的代码

当前位置：主页 > 学无止境 > WEB前端 > HTML >

Vue React JavaScript Angular CSS HTML

HTML 显示箭头的代码

作者：迹忆客最近更新：2023/05/05 浏览次数：

本文讨论使用 Unicode 字符实体在我们的 HTML 页面上显示不同的字符。 HTML 中使用了许多实体，但我们将重点学习表示上、下、左、右的三角形箭头。

带有示例的 HTML 实体

在 HTML 中，一些字符是保留的。这是因为如果您在文本中使用带有小于 (<) 或大于 (>) 符号的标签，浏览器可能会混淆它们。在 HTML 中，保留字符使用字符实体显示。

字符实体如下所示：

&name_of_entity

或者

&#number_of_entity

这意味着 HTML 字符实体始终以与符号 & 符号或与符号散列符号 &# 开头。因此，例如，一个经常使用的 HTML 实体是 &nbsp，它是任意两个单词之间的不间断空格。

实体也有名称和编号。例如，不间断空格的实体名称为 &nbsp，实体编号为 &#160。两者具有相同的含义和目的。

HTML 中使用了许多实体，但我们将讨论向上、向下、向左和向右的三角形箭头。让我们看下面的例子：

<html>
    <body>
        <h1>HTML Triangular Arrow Entities</h1>
        <h2>The upper arrow is displayed as: &#9650;</h2>
    </body>
</html>

同样，如果我们需要显示一个向下的三角箭头，那么代码将是：

<html>
    <body>
        <h1>HTML Triangular Arrow Entities</h1>
        <h2>The down arrow is displayed as: &#9660;</h2>
    </body>
</html>

要显示指向右侧的三角形箭头，我们可以使用以下代码：

<html>
    <body>
        <h1>HTML Triangular Arrow Entities</h1>
        <h2>The right arrow is displayed as: &#9654;</h2>
    </body>
</html>

并使用以下实体编号显示指向右侧的箭头：

<html>
    <body>
        <h1>HTML Triangular Arrow Entities</h1>
        <h2>The left arrow is displayed as: &#9664;</h2>
    </body>
</html>

请注意 ，在上述所有 HTML 代码片段中，我们使用十进制数来显示 HTML 实体。然而，这些符号也可以使用它们相应的十六进制代码来显示。

下表给出了它们对应的十六进制等价物：

名称	十进制实体代码	十六进制实体代码
上三角	▲	▲
下三角	▼	▼
直角三角形	▶	▶
左三角	◀	◀

请记住 ，这些是三角形的一种变体；还有许多其他颜色和不同尺寸的。每个分别有不同的十进制和十六进制代码。

上一篇：在 HTML 中启用和禁用复选框

下一篇：在 HTML 中创建一个可滚动的 Div

转载请发邮件至 1244347461@qq.com 进行申请，经作者同意之后，转载请以链接形式注明出处

本文地址：

HTML 中的 role 属性

发布时间：2023/05/06 浏览次数：124 分类：HTML

本篇文章介绍 HTML role属性。HTML中 role 属性介绍，role 属性定义描述语义的 HTML 元素的角色。

在 HTML 中打印时分页

发布时间：2023/05/06 浏览次数：188 分类：HTML

本篇文章介绍如何在打印 HTML 页面或内容时强制分页。将 page-break-after 属性设置为 always Inside @media print to Page Break in HTML

在 HTML 中显示基于 Cookie 的图像

发布时间：2023/05/06 浏览次数：154 分类：HTML

本文介绍如何根据 HTML 中的 cookies 显示图像。根据 HTML 中设置的 Cookies 显示图像。问题陈述是我们需要根据网页传递的cookie来显示特定的图像。

在 HTML 中创建下载链接

发布时间：2023/05/06 浏览次数：140 分类：HTML

本文介绍如何在 HTML 中创建下载链接。使用 download 属性在 HTML 中创建下载链接.。我们可以使用 HTML 锚元素内的下载属性来创建下载链接。

HTML 中的 ::before 选择器

发布时间：2023/05/06 浏览次数：70 分类：HTML

本教程介绍 CSS ::before 伪元素。CSS ::before 伪元素。 ::before 选择器是一个 CSS 伪元素，我们可以使用它在一个或多个选定元素之前插入内容。它默认是内联的。

在 HTML 中创建一个可滚动的 Div

发布时间：2023/05/06 浏览次数：54 分类：HTML

本篇文章介绍如何使 HTML div 可滚动。本文将介绍在 HTML 中使 div 可滚动的方法。我们将探索垂直和水平滚动，并通过示例查看它们的实现。

在 HTML 中启用和禁用复选框

发布时间：2023/05/06 浏览次数：149 分类：HTML

本篇文章介绍如何启用和禁用 HTML 中的复选框。HTML 中的复选框复选框是一个交互式框，可以切换以表示肯定或否定。它广泛用于表单和对话框。

HTML 中的只读复选框

发布时间：2023/05/06 浏览次数：198 分类：HTML

本篇文章介绍了如何在 HTML 中制作只读复选框。本文是关于如何使 HTML 复选框控件成为只读组件的快速破解。但是，首先，让我们简要介绍一下复选框控件。

在 HTML 中显示 XML

发布时间：2023/05/06 浏览次数：161 分类：HTML

本篇文章介绍了如何在 HTML 页面上显示 XML 代码。可扩展标记语言 (XML) 简介它是一种类似于 HTML 的标记语言，但没有内置标签。

迹忆客专注技术分享