화살표를 표시하는 HTML 코드

Naila Saad Siddiqui 2023년6월20일

HTML HTML Unicode HTML Symbol

이 문서에서는 유니코드 문자 엔터티를 사용하여 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 엔티티를 표시하기 위해 십진수를 사용했습니다. 그러나 이러한 기호는 해당하는 16진수 코드를 사용하여 표시할 수도 있습니다.

아래 표에는 해당하는 16진수 값이 나와 있습니다.

이것이 삼각형의 그러한 변형 중 하나라는 것을 기억해야 합니다. 다른 색상과 크기를 가진 수많은 다른 것들이 있습니다. 각각은 서로 다른 10진수 및 16진수 코드를 갖습니다.