체크 기호: 찾을 위치와 배치 방법. 특수문자 HTML 특수문자 html 전화




확인 표시 기호는 키보드에 없지만 특수 조합을 사용하면 메시지, 게시물 또는 텍스트 문서에 쉽게 추가할 수 있습니다.

이것이 어떻게 수행될 수 있는지 자세히 살펴보겠습니다.

체크표시 종류 + 용도

체크 표시(새, 갈까마귀)는 무언가의 확인을 설명하는 데 자주 사용되는 특수 아이콘입니다.

목록 디자인이나 생각에 밑줄을 긋는 것에서 찾을 수 있습니다. 다음 지침을 읽은 후 기호를 직접 찾아 사용할 수 있습니다.

가장 간단한 옵션은 이 기사의 개체를 복사하는 것입니다. 아이콘에는 여러 가지 유형이 있습니다.

하나의 문장이나 구문에 사용할 확인란이 필요한 경우 해당 요소를 강조 표시하고 키보드에서 CTRL과 C를 눌러 원하는 요소를 복사하면 됩니다.

키보드로 새를 직접 입력하려면 유니코드를 사용해야 합니다. 문자 U와 +를 입력합니다. 그런 다음 배지 코드를 다이얼해야 합니다.

다양한 유형의 체크 표시에 대한 디지털 명칭은 다음과 같습니다: 2713(일반 기호), 2714(굵은 글꼴), 2705(사각형 안의 강조 표시된 체크 표시), 2611(사각형 안의 일반 체크 표시).

U+2713 또는 다른 조합이 자동으로 확인 표시로 바뀌지 않으면 문서가 유니코드 문자를 자동으로 인식하도록 구성되지 않았거나 코드를 잘못 입력했을 가능성이 높습니다.

텍스트는 즉시 원하는 기호로 변환되므로 메시지나 다양한 게시물에 안전하게 입력할 수 있습니다.

MS Word의 아이콘

그것을 사용해 본 사람이라면 특수 문자를 설정하는 것이 문서를 구조화하고 읽기 쉽게 만드는 데 도움이 된다는 것을 알고 있을 것입니다.

작업 목록이나 열거를 생성하는 과정에서 확인 표시가 필요할 수 있습니다.

경험이 없는 사용자는 원하는 요소가 포함된 이미지를 문서에 추가하여 기호를 만듭니다. 이 접근 방식은 최종 파일 크기를 늘리기 때문에 올바르지 않습니다.

모든 것이 훨씬 쉽게 이루어질 수 있습니다. Word에서 확인란을 선택하려면 다음 몇 단계를 따르세요.

  • 모든 버전의 프로그램에서 문서를 엽니다. 소프트웨어가 출시된 연도에 따라 필요한 탭의 위치가 다를 수 있습니다.
  • "삽입"섹션을 클릭하십시오.
  • 도구 모음 오른쪽에서 "기호" 항목을 찾아 클릭합니다.
  • 드롭다운 창에서 다음을 클릭하세요. "기타 기호".
  • 팝업 창에서 두 가지 방법 중 하나를 사용하여 체크 표시를 찾을 수 있습니다. "Dingbats" 세트를 선택하고 제안된 목록에서 원하는 요소를 클릭하거나 창 하단에 유니코드(16진수)로 요소 코드를 입력하세요. 예를 들어 2714입니다. Word에서는 필요한 개체를 자동으로 찾습니다. 그것을 클릭하고 "확인"을 클릭하여 작업을 확인하십시오.

그림 3 - Word의 특수 문자

문서 본문에 확인 표시를 추가한 후 색상, 글꼴, 제목 유형 및 기타 옵션을 변경하는 등 모든 서식을 적용할 수 있습니다.

특수 문자는 키보드에 표시되지 않고 UNICODE 또는 다른 메타언어를 사용하여 인코딩되는 기술 문자입니다. 특수 문자는 수학, 그리스 알파벳, ISO 8859-1 등의 그룹으로 구분됩니다. 필요한 이유와 사용 방법은 기사에서 자세히 읽어보십시오.

문서 작성시 특수 문자 사용

사용 목적은 다음과 같습니다.

  1. 기사에 완성도와 미학을 부여합니다. 특수 기호를 사용하면 치수 값을 빠르게 이해하거나 라틴어 또는 그리스어로 역사적인 이름을 읽을 수 있습니다.
  2. 일부 요소는 문서의 올바른 레이아웃을 보장합니다. 예를 들어, ""와 ""는 서로 다릅니다. 첫 번째는 표준 수단으로 전송되고 나머지는 특수 문자를 통해 전송됩니다.
  3. 수학적 문서의 레이아웃은 주요 요소 그룹에 대한 지식 없이는 할 수 없습니다.

기본 징후

이 자료를 사용하면 텍스트에 빠르게 삽입할 수 있도록 적절한 인코딩으로 특수 문자를 찾을 수 있습니다.

모습 지정 HTML 코드 CSS 코드
눈사람 \2603
정통 십자가 \2626
\2693
전화 표시 \2706
전화 \260E
뜨거운 음료 \2615
아래쪽을 가리키는 연필 \270E
연필 \270F
오른쪽 위를 가리키는 연필 \2710
빈 펜촉 \2711
채워진 펜촉 \2712
백합 문양 \269C
흰색 십자가가 달린 헬멧 \26D1
그려진 흰색 별 \269D
눈송이 \2744
음영처리된 굵은 하트 \2764
토끼풀에 끼워진 눈송이 \2745
뚱뚱하고 날카로운 각진 눈송이 \2746
음영처리된 별 \2605
빈 별 \2606
채워진 원 안의 채워지지 않은 별 \272A
내부에 열린 원이 있는 채워진 별 \272B
회전하는 별 \272F
끝이 구형인 별 \2749
대담한 8각 방울 모양의 별 프로펠러 \274B
가운데가 비어 있는 별표 \2732
광선으로 그린 ​​태양 \2600
구름 \2601
우산 \2602
사각형에 체크 표시 \2611
광장에서 교차 \2612
찡그린 이모티콘 \2639
웃는 이모티콘 \263A
음영처리된 웃는 이모티콘 \263B
망치와 낫 \262D
채워진 깃발 \2691
빈 플래그 \2690
트라이그램 \2630
그린 꽃 \273f
빈 꽃 \2740
꽃잎이 6개 달린 꽃 \273E
컬러 설명된 꽃 \2741
점으로 만든 꽃 \2742
봉투 \2709
꽃의 형태로 하트 \2766
1위 \2776
2 번 \2777
3번 \2778
4번 \2779
5번 \277A
6번 \277B
7번 \277C
8번 \277D
9번 \2792
10번 \2793
굵은 곱셈 기호 \2716
굵은 십자가 \2718
굵은 체크 표시 \2714
뚱뚱한 십자가 \271A
원자 기호 \269B
재활용 기호 \267A
오른쪽 아래 그림자가 있는 채워지지 않은 사각형 \2751
오른쪽 상단 그림자가 있는 채워지지 않은 사각형 \2752
프레임 속의 다이아몬드 \25C8
왼쪽 절반이 채워진 원 \25D0
오른쪽 절반이 채워진 원 \25D1
별 3개 \2042

문장 부호

모습 지정 HTML 코드 CSS 코드
< 미만 기호(태그 시작) < \003C
> 초과 기호(태그 끝) > \003E
« 왼쪽 이중 꺾쇠괄호 « \00AB
» 오른쪽 이중 꺾쇠괄호 » \00BB
왼쪽 모서리 작은따옴표 \2039
오른쪽 모서리 작은따옴표 \203A
« 큰따옴표 " \0022
단일 스트로크 \2032
더블 스트로크 \2033
왼쪽 작은따옴표 \2018
오른쪽 작은따옴표 \2019
아래쪽 작은따옴표 \201A
왼쪽 큰따옴표 \201C
오른쪽 큰따옴표 \201D
아래쪽 큰따옴표 \201E
굵은 단일 선행 쉼표 \275C
굵은 단일 회전 상단 쉼표 \275B
& 앰퍼샌드 & \0026
아포스트로피(작은따옴표) " \0027
§ § \00A7
© 저작권 표시 \00A9
¬ 부정 기호 ¬ \00AC
® 등록상표 ® \00AE
¯ 마크롱 ¯ \00AF
° ° \00B0
± 플러스 또는 마이너스 ± \00B1
¹ 위첨자 "1" ¹ \00B9
² 위첨자 "2" ² \00B2
³ 위첨자 "3" ³ \00B3
¼ 사분의 일 ¼ \00BC
½ ½ \00BD
¾ 사분의 삼 ¾ \00BE
´ 악센트 표시 ´ \00B4
µ 마이크로 µ \00B5
단락 표시 \00B6
· 곱셈 기호 · \00B7
¿ 거꾸로 된 물음표 ¿ \00BF
ƒ 플로린 기호 ƒ \0192
상표 표시 \2122
목록 마커 . \2022
생략 \2026
윗줄 \203E
엠 대시 - \2013
- 엠 대시 \2014
ppm \2030
} 오른쪽 중괄호 } \007D
{ 왼쪽 중괄호 { \007B
= 등호 = \003D
불평등 기호 \2260
합동(기하학적 평등) \2245
거의 같음 \2248
작거나 같음 \2264
이상 \2265
모서리 \2220
수직(위쪽 버튼) \22A5
제곱근 \221A
N항 합산 \2211
완전한 \222B
각주 기호 \203B
÷ 구분 기호 ÷ \00F7
무한대 기호 \221E
@ 개 기호 @ \0040
[ 왼쪽 대괄호 [ \005B
] 오른쪽 대괄호 ] \005D

화살

모습 지정 HTML 코드 CSS 코드
왼쪽 화살표 \2190
위쪽 화살표 \2191
오른쪽 화살표 \2192
아래쪽 화살표 \2193
왼쪽-오른쪽 화살표 \2194
아래쪽 및 왼쪽 화살표 - 캐리지 리턴 기호 \21B5
이중 왼쪽 화살표 \21D0
이중 위쪽 화살표 \21D1
오른쪽 이중 화살표 \21D2
이중 아래쪽 화살표 \21D3
이중 왼쪽 오른쪽 화살표 \21D4
날아가는 화살 \27A0
화살촉 \27A4
아래쪽과 오른쪽을 가리키는 곡선 화살표 \27A5
위쪽과 오른쪽을 가리키는 곡선 화살표 \27A6
오른쪽 화살표 \27B3
\21바
시계 반대 방향으로 끝이 있는 둥근 화살표 \21BB
두꺼운 속이 빈 위쪽 화살표 \21E7
후크가 있는 왼쪽 화살표 \21A9
아래쪽으로 기울어진 화살표 \27AB
채워진 아래쪽 화살표 \2B07
채워진 화살표 \2B06

카드 한 벌, 조디악 표지판 및 통화 아이콘

모습 지정 HTML 코드 CSS 코드
"스페이드 한 벌" \2660
"클럽" \2663
"하트" \2665
"다이아 패 한 벌" \2666
윤곽 "하트" \2661
윤곽 "탬버린" \2662
봉우리 윤곽 \2664
개요 "클럽" \2667
¢ 센트 ¢ \FFE0
£ GBP £ \FFE1
러시아 루블 \20BD
¥ 엔 또는 위안 ¥ \00A5
유로 \20AC
$ 달러 $ \0024
그리브냐 징후 \20B4
인도 루피 \20B9
CNY \5713
카자흐스탄 텡게 \20B8
양자리 \2648
황소자리 \2649
쌍둥이 \264A
\264B
사자 \264C
처녀 자리 \264D
저울 \264E
투석기 \264F
궁수 \2650
염소자리 \2651
물병자리 \2652
물고기 \2653

그리스 알파벳

편지 소문자 수도
상징 HTML 코드 상징 HTML 코드
알파 α α Α Α
베타 β β Β Β
감마 γ γ Γ Γ
델타 δ δ Δ Δ
엡실론 ε ε Ε Ε
제타 ζ ζ Ζ Ζ
이것 η η Η Η
세타 θ θ Θ Θ
이오타 ι ι Ι Ι
카파 κ κ Κ Κ
람다 λ λ Λ Λ
μ μ Μ Μ
나체상 ν ν Ν Ν
xi ξ ξ Ξ Ξ
오미크론 ο ο Ο Ο
파이 π π Π Π
ρ ρ Ρ Ρ
시그마 σ σ Σ Σ
최종 시그마 ς ς
타우 τ τ Τ Τ
입실론 υ υ Υ Υ
fi φ φ Φ Φ
χ χ Χ Χ
psi ψ ψ Ψ Ψ
오메가 ω ω Ω Ω

실제로 사용하는 방법


CMS에 관계없이 기사 추가는 시각적 편집기와 HTML 버전을 사용하여 수행됩니다. 인코딩의 모든 특수 문자는 두 번째 경우에만 삽입할 수 있습니다. 도구를 올바르게 사용하려면 코드와 외부 표현을 보여주는 표를 기록해 두는 것이 좋습니다.

기사의 시각적 표현에 기호를 삽입하면 해당 요소가 HTML의 해당 코드로 변환됩니다. 수동으로 정보를 입력하는 경우 최종 결과에 영향을 미치는 경우를 고려하십시오.

타이핑된 텍스트는 인쇄된 문자(그래픽 기호)로 구성됩니다.
그래픽 기호는 텍스트에 시각적으로 표시되는 기호입니다.
모든 그래픽 기호는 단일 범용 유니코드 시스템 세트로 수집됩니다.
HTML 문서에 유니코드 그래픽 기호 삽입
- 이 테이블의 주된 목적이자 유일한 목적입니다.

다음 방법 중 하나로 HTML 문서에 기호를 삽입할 수 있습니다.

  1. 브라우저 창의 기호 이미지를 시각적 HTML 편집기 창으로 복사합니다.
  2. 기호의 html 코드를 html 문서의 코드에 직접 복사합니다.
두 가지 방법이 있다는 점을 이해하시기 바랍니다.
  1. 비주얼에 비주얼 삽입
  2. 코드에 코드를 삽입하세요.

HTML의 기호 글꼴, 크기 및 색상은 다음과 같은 코드로 설정할 수 있습니다.
CHARACTER_CODE
어디,
Arial-글꼴,
10px - 픽셀 단위의 글꼴 크기,
#ff0000 - 글꼴 색상 코드(빨간색)

예를 들어:
☎ - 문자 글꼴 크기 30px,
☎ - 기호글꼴 크기 30px, 색상 - 빨간색
☎ - 문자 글꼴 크기 20px,
☎ - 기호 글꼴 크기 10px.
메모 특수 문자 삽입에 권장되는 글꼴은 Arial, Verdana 및 Tahoma입니다. 이러한 글꼴은 유니코드 문자를 올바르게 표시하며 웹 응용 프로그램에서 자체적으로 올바르게 지원됩니다.

  1. "상징"
    (가시적 기호 표시)
    이 열에서 기호 이미지를 복사하여 HTML 텍스트 편집기 창에 붙여넣을 수 있습니다. 기호는 20px의 글꼴 크기로 복사됩니다. 복사가 완료된 후 복사된 문자에 맞게 글꼴 크기를 개별적으로 직접 조정해야 할 수도 있습니다.
  2. "이름"
    (중요하거나 불분명한 문자에만 해당)
    기호의 목적, 범위, 예에 대한 설명...
  3. "기억술"
    니모닉은 HTML 문자의 알파벳 코드를 나타내는 "형식의 알파벳 구성입니다. HTML 문서의 HTML 코드에 직접 삽입됩니다. 니모닉은 전문 레이아웃 디자이너들 사이에서 매우 인기가 있습니다. 인간과 사람이 완벽하게 기억합니다. 모든 HTML 애플리케이션에서 지원됩니다. 각 니모닉에는 기호의 알파벳 이름(지정 )과 서비스 기호(&)가 포함되어 있으며, 이는 브라우저가 코드를 읽도록 신호 역할을 하며 모니터 화면에는 표시되지 않습니다.이름 각 니모닉은 기호를 특징짓는 영어 단어에서 파생되었기 때문에 독특하고 읽기 쉽습니다.

    니모닉(그리스어) – 무언가를 기억하는 기술. 니모닉은 암기 대상이 무언가와 연관되어 있을 때 기억하기 어려운 정보에 대한 인식을 용이하게 하기 위해 사용됩니다.

  4. "암호"
    코드 - &와 같은 HTML 문자의 숫자 십진수 코드입니다. HTML 문서의 HTML 코드에 직접 삽입됩니다. 10진수 코드는 유니코드 시스템의 문자 일련 번호를 나타내는 숫자와 여러 서비스 문자(& 및 #)로 구성됩니다. 이 문자는 브라우저가 코드를 읽도록 하는 신호 역할을 하며 모니터 화면에는 표시되지 않습니다. 십진법 코드는 다양성과 인식 용이성으로 인해 널리 사용되고 사용됩니다.

HTML(XHTML)의 제어 문자

HTML(XHTML)의 제어 문자는 웹 페이지의 HTML 레이아웃에 사용되는 HTML 언어의 서비스 문자입니다. 모든 브라우저는 이러한 문자를 지원해야 합니다. 문자가 없으면 HTML 텍스트를 올바르게 표시할 수 없기 때문입니다. 제어 문자는 텍스트에 표시되지 않으며 키보드에서 직접 입력하면 페이지가 화면에 그려질 때 수행할 작업을 호출하는 구두점으로 브라우저에서 해석됩니다.

일반 텍스트에서는 제어 문자를 사용할 수 있습니다. 여기서 제어 문자는 보편적인 개념을 상징하고 브라우저에서 일반 인쇄 문자로 해석됩니다. 이런 방식으로 HTML 텍스트에서 서비스 기호를 사용하는 경우 기호 자체의 값이 아니라 해당 HTML 코드를 입력해야 합니다. 반복합니다. 그렇지 않으면 브라우저가 서비스 기호를 클릭 유도 문구로 인식하고 모니터 화면에 HTML 텍스트가 올바르게 표시되지 않기 때문입니다.

제어 기호와 해당 HTML 코드는 예외 없이 모든 브라우저에서 알려지고 이해됩니다. 아쉽게도 다른 브라우저에서 잘못 표시되거나 더 나쁘게는 전혀 표시되지 않을 수 있는 다른 기호에 대해서는 말할 수 없습니다.

구문 및 구두점

길이 N의 공간(정규 공간)
길이 M의 공간 (longspace)
- 부드러운 하이픈(인쇄할 수 없는 문자) - ­
하이픈 –
- 길이 N의 대시(일반 대시) -
길이 M의 대시(em 대시)
. .
, 반점 ,
타원 …
: 콜론 :
; 세미콜론 ;
! 느낌표 !
ǃ
? 물음표 ?
@ "개" @
* "별" *
# "격자" #
단일 왼쪽 상단 인용문 ‘
단일 오른쪽 상단 인용문 ’
단일 하단 오른쪽 따옴표 ‚
이중 상단 왼쪽 인용문 “
오른쪽 위 이중 인용 ”
오른쪽 아래 이중 인용문 &bdquo „
« 이중 왼쪽 모서리 따옴표(Rus) « «
» 오른쪽 이중 따옴표(Rus) » »
́ 악센트 표시(예: Vasya) ́
" 아포스트로피, 예: You"I "
´ 급성, 예: Vasya ´ ´
단락(인쇄할 수 없는 문자)
§ § §
ˆ 악센트 (거꾸로 새) ˆ ˆ
ˆ
˜ 작은 물결표 ˜ ˜
˜
¦ 수직 점선 ¦ ¦
( 왼쪽 괄호 (
) 오른쪽 괄호 )
왼쪽 꺾쇠괄호
직각 괄호
왼쪽 꺾쇠괄호, 옵션
직각 괄호, 옵션
[ 대괄호 왼쪽 [
] 대괄호 오른쪽 ]
/ 슬래시 - 슬래시 문자 /
\ 백슬래시 \
슬래시(나누기 기호)
ǀ 수직 막대 ǀ
ǁ 이중 수직 막대 ǁ
윗줄, 예: Vasya‾vasya
¯ 마크롱, 예: Vasyávasya ¯ ¯

상표 및 통화

+ ...을 더한 + +
마이너스 -
= 같음 =
± 플러스 마이너스 ± ±
× 곱셈 기호 × ×
÷ 구분 기호 ÷ ÷
도트 연산자(줄 가운데) ·
별표 연산자(줄 가운데)
물결표 연산자
. 목록 표시자(줄 중간) . •
¹ 위 첨자 "1" ¹ ¹
² 위 첨자 "2" ² ²
³ 위 첨자 "3" ³ ³
HTML(XHTML)의 위 첨자 및 아래 첨자
태그를 사용하여 삽입 가능 그리고 , 각각:
숫자 어깨 기호→ NUMBER 위 첨자
숫자 아래첨자→ 아래첨자 NUMBER개
½ 분수 "1/2" ½ ½
분수 "1/3"
¼ 분수 "4분의 1" ¼ ¼
¾ 분수 "3/4" ¾ ¾
숫자 기호
% 퍼센트 %
ppm ‰
° ° °
소수(분, 피트)
이중 소수(초, 인치)
예 1: 30° 25′ 12″
예 2: 25′ 12
µ 마이크로 µ µ
π 파이 π π
ƒ 기능 기호
("적분"과 혼동하지 마세요)
ƒ ƒ
ƒ
완전한
교차된 0, 빈 세트
("직경"과 혼동하지 마십시오)
직경(X 표시가 있는 라틴어 "o"와 혼동하지 마십시오)
ø 라틴어 "o"가 대각선으로 지워져 있음 ø ø
Ø 라틴어 대문자 "O"가 대각선으로 지워져 있음 Ø Ø
작업 표시
합계 기호
근본적인
(제곱근 또는 x루트)
비례적으로
무한대
모서리
직교(수직)
"그러므로"에 서명하세요
거의 같다
거의 같다
같지 않다
동일하게
작거나 같음
그 이상 또는 같음
논리 AND
논리적 OR
원 안의 더하기 기호
(직접금액)
원 안에 곱셈 기호
(외적, 관찰자의 화살표)
ʘ 원 안에 점을 찍다
(관찰자에게 화살표)
ʘ

✵ ✵

HTML 특수 문자는 텍스트 파일에 사용되는 문자 세트의 문자를 참조하는 특수 언어 구성입니다. 표는 키보드를 사용하여 HTML 문서의 소스 코드에 추가할 수 없는 예약된 문자와 특수 문자의 목록을 보여줍니다.

  • 키보드를 사용하여 입력할 수 없는 문자(예: 저작권 기호)
  • 표시용 문자(예: 초과 또는 미만 기호)

이러한 문자는 숫자 코드나 이름을 사용하여 추가됩니다.

상징숫자 코드기호 이름설명
" " " 따옴표
" " " 아포스트로피
& & & 앰퍼샌드
< < 기호보다 작음
> > > 더 많은 표시
잘림 방지 공백(잘림 방지 공백은 행 내부에 일반 공백으로 나타나는 공백이지만 표시 및 인쇄 프로그램이 이 시점에서 줄을 끊는 것을 허용하지 않습니다.)
¡ ¡ ¡ 거꾸로 된 느낌표
¢ ¢ ¢ 센트
£ £ £ 파운드
¤ ¤ ¤ 통화
¥ ¥ ¥
¦ ¦ ¦ 깨진 수직 막대
§ § § 부분
¨ ¨ ¨ 간격(키릴 문자)
© 저작권 표시
ª ª ª 여성 서수 지수
« « « 프랑스어 인용문(헤링본) - 왼쪽
¬ ¬ ¬ 부정 표현
® ® ® 등록 상표
¯ ¯ ¯ 마크롱 간격
° ° °
± ± ± 플러스 마이너스
² ² ² 위 첨자 2
³ ³ ³ 위 첨자 3
´ ´ ´ 급성 간격
µ µ µ 마이크로
· · · 중간점
¸ ¸ ¸ 세딜라 간격
¹ ¹ ¹ 위 첨자 1
º º º 남성 순서 지수
» » » 프랑스어 인용문(헤링본) - 오른쪽
¼ ¼ ¼ 1/4 부분
½ ½ ½ 1/2 부분
¾ ¾ ¾ 3/4부
¿ ¿ ¿ 거꾸로 된 물음표
× × × 곱셈
÷ ÷ ÷ 분할
́ ́ 중요성
Œ Œ Œ 자본 합자 OE
œ œ œ 소문자 합자 oe
Š Š Š 크라운이 있는 S
š š š 왕관이 있는 소문자 S
Ÿ Ÿ Ÿ 티아라가 있는 대문자 Y
ƒ ƒ ƒ 후크가 있는 f
ˆ ˆ ˆ 이중 악센트
˜ ˜ ˜ 작은 물결표
- 대시
엠 대시
왼쪽 작은따옴표
오른쪽 작은따옴표
아래쪽 작은따옴표
왼쪽 큰따옴표
오른쪽 큰따옴표
낮은 큰따옴표
단검
이중 단검
. 총알
수평 타원
ppm(천분의 1)
단일 왼쪽 모서리 인용문
단일 오른쪽 모서리 인용문
윗줄
유로
™ 또는 등록 상표
왼쪽 화살표
위쪽 화살표
오른쪽 화살표
아래쪽 화살표
이중 화살표
캐리지 리턴 화살표
왼쪽 상단
오른쪽 상단
왼쪽 하단
오른쪽 하단
마름모
봉우리
십자가
회충
다이아 패 한 벌

HTML에서 지원되는 수학 기호

상징숫자 코드기호 이름설명
누구에게나, 모두에게
부분
존재한다
빈 세트
해밀턴 운영자(nabla)
세트에 속해요
세트에 속하지 않습니다
또는
일하다
합집합
마이너스
곱셈 또는 연산자 공액
× × &타임스 곱셈 기호
제곱근
비례
무한대
다수
모서리
그리고
또는
교차로
노동 조합
완전한
그렇기 때문에
좋다
유사한
거의 같다
같지 않다
동일하게
작거나 같음


작거나 같음
그 이상 또는 같음


그 이상 또는 같음
하위 집합
슈퍼세트
부분집합이 아님
하위 집합
슈퍼세트
직접 금액
텐서 제품
수직
도트 연산자

그리스 문자와 콥트 문자

상징 숫자 코드 16진수 코드 기호 이름
Ͱ Ͱ Ͱ
ͱ ͱ ͱ
Ͳ Ͳ Ͳ
ͳ ͳ ͳ
ʹ ʹ ʹ
͵ ͵ ͵
Ͷ Ͷ Ͷ
ͷ ͷ ͷ
ͺ ͺ ͺ
ͻ ͻ ͻ
ͼ ͼ ͼ
ͽ ͽ ͽ
; ; ;
΄ ΄ ΄
΅ ΅ ΅
Ά Ά Ά
· · ·
Έ Έ Έ
Ή Ή Ή
Ί Ί Ί
Ό Ό Ό
Ύ Ύ Ύ
Ώ Ώ Ώ
ΐ ΐ ΐ
Α Α Α Α
Β Β Β Β
Γ Γ Γ Γ
Δ Δ Δ Δ
Ε Ε Ε Ε
Ζ Ζ Ζ Ζ
Η Η Η Η
Θ Θ Θ Θ
Ι Ι Ι Ι
Κ Κ Κ Κ
Λ Λ Λ Λ
Μ Μ Μ Μ
Ν Ν Ν Ν
Ξ Ξ Ξ Ξ
Ο Ο Ο Ο
Π Π Π Π
Ρ Ρ Ρ Ρ
Σ Σ Σ Σ
Τ Τ Τ Τ
Υ Υ Υ Υ
Φ Φ Φ Φ
Χ Χ Χ Χ
Ψ Ψ Ψ Ψ
Ω Ω Ω Ω
Ϊ Ϊ Ϊ
Ϋ Ϋ Ϋ
ά ά ά
έ έ έ
ή ή ή
ί ί ί
ΰ ΰ ΰ
α α α α
β β β β
γ γ γ γ
δ δ δ δ
ε ε ε ε
ζ ζ ζ ζ
η η η η
θ θ θ θ
ι ι ι ι
κ κ κ κ
λ λ λ λ
μ μ μ μ
ν ν ν ν
ξ ξ ξ ξ
ο ο ο ο
π π π π
ρ ρ ρ ρ
ς ς ς ς
σ σ σ σ
τ τ τ τ
υ υ υ υ
φ φ φ φ
χ χ χ χ
ψ ψ ψ ψ
ω ω ω ω
ϊ ϊ ϊ
ϋ ϋ ϋ
ό ό ό
ύ ύ ύ
ώ ώ ώ
Ϗ Ϗ Ϗ
ϐ ϐ ϐ
ϑ ϑ ϑ ϑ
ϒ ϒ ϒ ϒ
ϓ ϓ ϓ
ϔ ϔ ϔ
ϕ ϕ ϕ ϕ
ϖ ϖ ϖ ϖ
ϗ ϗ ϗ
Ϙ Ϙ Ϙ
ϙ ϙ ϙ
Ϛ Ϛ Ϛ
ϛ ϛ ϛ
Ϝ Ϝ Ϝ Ϝ
ϝ ϝ ϝ ϝ
Ϟ Ϟ Ϟ
ϟ ϟ ϟ
Ϡ Ϡ Ϡ
ϡ ϡ ϡ
Ϣ Ϣ Ϣ
ϣ ϣ ϣ
Ϥ Ϥ Ϥ
ϥ ϥ ϥ
Ϧ Ϧ Ϧ
ϧ ϧ ϧ
Ϩ Ϩ Ϩ
ϩ ϩ ϩ
Ϫ Ϫ Ϫ
ϫ ϫ ϫ
Ϭ Ϭ Ϭ
ϭ ϭ ϭ
Ϯ Ϯ Ϯ
ϯ ϯ ϯ
ϰ ϰ ϰ ϰ
ϱ ϱ ϱ ϱ
ϲ ϲ ϲ
ϳ ϳ ϳ
ϴ ϴ ϴ
ϵ ϵ ϵ ϵ
϶ ϶ ϶ ϶
Ϸ Ϸ Ϸ
ϸ ϸ ϸ
Ϲ Ϲ Ϲ
Ϻ Ϻ Ϻ
ϻ ϻ ϻ
ϼ ϼ ϼ
Ͻ Ͻ Ͻ
Ͼ Ͼ Ͼ
Ͽ Ͽ Ͽ

특수 문자가 필요한 이유와 사용 방법

페이지의 일부 태그를 설명하기로 결정했지만 브라우저가 문자를 사용하기 때문에< и >태그의 시작과 끝과 같이 태그를 HTML 코드 콘텐츠 내부에 적용하면 문제가 발생할 수 있습니다. 그러나 HTML은 다음과 같은 간단한 약어를 사용하여 이러한 특수 문자와 기타 특수 문자를 정의하는 쉬운 방법을 제공합니다. 기호에 대한 참조.

이것이 어떻게 작동하는지 살펴보겠습니다. 특수하다고 간주되거나 웹 페이지에 사용하고 싶지만 편집기에서 인쇄할 수 없는 각 문자(예: 저작권 기호)에 대해 약어를 찾아서 원하는 문자 대신 html 코드로 인쇄합니다. . 예를 들어 ">" 기호의 경우 약어는 다음과 같습니다. > , 기호의 경우 "<" - < .

"요소"를 인쇄하고 싶다고 가정해 보겠습니다. 매우 중요하다"고 그의 페이지에 밝혔다. 대신 항목을 올바르게 표시하는 데 필요한 기호에 대한 참조를 사용해야 하며 결국 코드 항목은 다음과 같아야 합니다.

요소 매우 중요

노력하다 "

알아야 할 또 다른 특수 문자는 &(앰퍼샌드) 기호입니다. HTML 페이지에 표시하려면 & 기호 대신 & 링크를 사용하세요.

오늘 당신은 알게 될 것입니다 HTML에서 체크박스를 만드는 방법그리고 그에게 추가 CSS사이트 디자인과의 호환성을 높이기 위한 스타일입니다.

데모

HTML의 체크박스

4개의 체크박스가 있는 블록을 만들어 보겠습니다. 첫 번째 체크박스는 체크 표시로 표시됩니다. 각 체크박스는 태그로 묶입니다. 상표, 그 안에는 입력 필드, 텍스트 및 요소가 있습니다. 기간스타일을 지정합니다.

꼬리표 상표각 체크박스의 컨테이너 역할을 합니다. 명확성을 위해 일시적으로 태그에 빨간색 프레임을 설정했습니다. 상표. 경험이 거의 없을 때 맹목적으로 행동하지 않도록 태그의 경계를 확인하는 좋은 방법입니다.

체크박스용 CSS

라인 태그 상표, 블록으로 교체 (디스플레이: 블록)확인란이 다른 상자 아래에 하나씩 놓이도록 사용자 선택: 없음– 사용자가 요소를 선택하는 것을 방지합니다.

컨테이너(
디스플레이: 블록;
사용자 선택: 없음;
}

이 코드는 확인란의 기본 브라우저 스타일을 숨깁니다. 우리는 요소를 완전히 투명하게 만듭니다. 불투명도, 너비그리고 값이 0이고 그 자리에 확인란의 사용자 정의 스타일을 설정합니다.

컨테이너 입력(
불투명도: 0;
높이: 0;
너비: 0;
}

우리는 사용자 정의 체크박스를 만듭니다. 배경의 크기와 색상을 변경합니다.

체크 표시 (
높이: 23px;
너비: 22px;
배경색: #eec321;
}

커서를 올려놓으면 배경색이 좀 더 어두워집니다.

컨테이너:hover 입력 ~ .checkmark (
배경색: #ccc678;
}

체크박스를 선택한 경우 배경색을 다르게 설정하세요.

컨테이너 입력:확인됨 ~ .checkmark(
배경색: #2196f3;
}

의사 요소를 사용하여 선택되지 않은 확인란의 확인란 숨기기 ~ 후에.

확인 표시:이후(
콘텐츠: "";
위치: 절대;
디스플레이: 없음;
}

체크된 체크박스에 대해서만 체크 표시가 보이도록 만듭니다.

컨테이너 입력:확인됨 ~ .checkmark:이후(
디스플레이: 블록;
}

체크 표시를 그리고 스타일을 지정합니다. 빈칸에 체크 표시를 그립니다 CSS. 흰색 프레임이 있는 직사각형을 그려 보겠습니다. 직사각형의 양쪽에는 프레임이 없습니다(폭이 0임). 직사각형 모서리를 얻고 이를 45도 회전하면 확인 표시가 나타납니다.