Formularz pola wyboru HTML. Symbol zaznaczenia: gdzie znaleźć i jak go umieścić

Symbol znacznika wyboru nie jest obecny na klawiaturze, ale za pomocą specjalnych kombinacji możesz łatwo dodać go do swojej wiadomości, postu lub dokumentu tekstowego.

Przyjrzyjmy się bliżej, jak można to zrobić.

Rodzaje znaczników + zastosowania

Znacznik wyboru (ptak, kawka) to specjalna ikona często używana do opisania potwierdzenia czegoś.

Można je znaleźć w projektowaniu ofert lub podkreślaniu myśli. Po przeczytaniu poniższych instrukcji możesz samodzielnie znaleźć i wykorzystać symbol.

Najprostszą opcją jest skopiowanie obiektu z tego artykułu. Istnieje kilka rodzajów ikon:

Jeśli potrzebujesz pola wyboru do użycia w jednym zdaniu lub frazie, po prostu skopiuj wybrany element, podświetlając go i naciskając klawisze CTRL i C na klawiaturze.

Aby samodzielnie wpisać ptaka na klawiaturze, musisz użyć Unicode. Wpisz literę U i +. Następnie musisz wybrać kod plakietki.

Cyfrowe oznaczenia różnych typów znaczników są następujące: 2713 (zwykły znacznik), 2714 (pogrubiona czcionka), 2705 (zaznaczony znacznik w kwadracie), 2611 (zwykły znacznik w kwadracie).

Jeśli kombinacja U+2713 lub inna nie zmieni się automatycznie w znacznik wyboru, najprawdopodobniej dokument nie jest skonfigurowany do automatycznego rozpoznawania znaków Unicode lub wprowadzasz kod niepoprawnie.

Tekst zostanie natychmiast przekształcony w żądany symbol, dzięki czemu możesz bezpiecznie wpisywać go w wiadomościach i różnych postach.

Ikona w MS Word

Każdy, kto kiedykolwiek z niego korzystał, wie, że ustawienie znaków specjalnych pomaga uporządkować dokument i ułatwia jego czytanie.

Znacznik wyboru może być potrzebny w procesie tworzenia listy zadań lub wyliczenia.

Niedoświadczeni użytkownicy tworzą znak, dodając do dokumentu obraz z żądanym elementem. Takie podejście jest nieprawidłowe, ponieważ zwiększa ostateczny rozmiar pliku.

Wszystko można zrobić znacznie łatwiej. Aby zaznaczyć pole w programie Word, wykonaj kilka kolejnych kroków.

• Otwórz dokument w dowolnej wersji programu. W zależności od roku wydania oprogramowania, lokalizacja wymaganych zakładek może się różnić;
• Kliknij sekcję „Wstaw”;
• Po prawej stronie paska narzędzi znajdź element „Symbol” i kliknij go;
• W rozwijanym oknie kliknij „Inne symbole”.

• W wyskakującym oknie znacznik wyboru możesz znaleźć na jeden z dwóch sposobów. Wybierz zestaw „Dingbats” i kliknij żądany element na proponowanej liście lub wprowadź kod elementu w Unicode (szesnastkowo) na dole okna. Na przykład 2714. Program Word automatycznie znajdzie potrzebny obiekt. Kliknij na nią i potwierdź akcję klikając „OK”.

Ryc. 3 - znaki specjalne w programie Word

Po dodaniu znacznika wyboru do treści dokumentu możesz zastosować do niego dowolne formatowanie: zmienić kolor, czcionkę, rodzaj nagłówka i inne opcje.

Znaki specjalne to znaki techniczne, które nie są reprezentowane na klawiaturze i są kodowane przy użyciu UNICODE lub innego metajęzyka. Znaki specjalne podzielone są na grupy: matematyczny, alfabet grecki, ISO 8859-1 i inne. Dlaczego są potrzebne i jak z nich korzystać, przeczytaj w dalszej części artykułu.

Używanie znaków specjalnych podczas pisania dokumentów

Użycie ma następujące cele:

1. Nadanie artykułowi kompletności i estetyki. Znaki specjalne pomagają szybko zrozumieć wartości wymiarowe lub odczytać historyczną nazwę po łacinie lub grecku.
2. Niektóre elementy zapewniają prawidłowy układ dokumentu. Na przykład „” i „” są różne, pierwsze są przesyłane standardowo, inne za pomocą znaków specjalnych.
3. Układ dokumentów matematycznych nie może obejść się bez znajomości głównych grup elementów.

Podstawowe znaki

Materiał umożliwi odnalezienie znaków specjalnych w odpowiednim kodowaniu w celu szybkiego wstawienia ich do tekstu.

Wygląd	Przeznaczenie	Kod HTML	Kod CSS
☃	Bałwan	☃	\2603
☦	Krzyż prawosławny	☦	\2626
⚓	Kotwica	⚓	\2693
✆	Znak telefonu	✆	\2706
☎	Telefon	☎	\260E
☕	Ciepłe napoje	☕	\2615
✎	Ołówek skierowany w dół	✎	\270E
✏	Ołówek	✏	\270F
✐	Ołówek skierowany w górę w prawo	✐	\2710
✑	Pusta stalówka	✑	\2711
✒	Cieniowana stalówka pióra	✒	\2712
⚜	fleur-de-lis	⚜	\269C
⛑	Hełm z białym krzyżem	⛑	\26D1
⚝	Narysowana biała gwiazda	⚝	\269D
❄	Płatek śniegu	❄	\2744
❤	Zacienione, odważne serce	❤	\2764
❅	Płatek śniegu otoczony koniczynami	❅	\2745
❆	Gruby płatek śniegu o ostrym kącie	❆	\2746
★	Zacieniona gwiazda	★	\2605
☆	Pusta gwiazda	☆	\2606
✪	Niewypełniona gwiazda w wypełnionym okręgu	✪	\272A
✫	Wypełniona gwiazda z otwartym okręgiem w środku	✫	\272B
✯	Obracająca się gwiazda	✯	\272F
❉	Gwiazda z kulistymi końcami	❉	\2749
❋	Odważne ośmioramienne śmigło w kształcie gwiazdy w kształcie kropli	❋	\274B
✲	Gwiazda z pustym środkiem	✲	\2732
☀	Malowane słońce promieniami	☀	\2600
☁	Chmury	☁	\2601
☂	Parasol	☂	\2602
☑	Zaznacz w kwadracie	☑	\2611
☒	Krzyż w kwadracie	☒	\2612
☹	Marszcząc brwi emotikon	☹	\2639
☺	Uśmiechnięty emotikon	☺	\263A
☻	Zacieniony uśmiechnięty emotikon	☻	\263B
☭	Młot i sierp	☭	\262D
⚑	Wypełniona flaga	⚑	\2691
⚐	Pusta flaga	⚐	\2690
☰	Trygram	☰	\2630
✿	Malowany kwiat	✿	\273f
❀	Pusty kwiat	❀	\2740
✾	Kwiat z sześcioma płatkami	✾	\273E
❁	Kolorowy zarys kwiatu	❁	\2741
❂	Kwiat wykonany z kropek	❂	\2742
✉	Koperta	✉	\2709
❦	Serce w formie kwiatu	❦	\2766
❶	Numer 1	❶	\2776
❷	Numer 2	❷	\2777
❸	Numer 3	❸	\2778
❹	Numer 4	❹	\2779
❺	Numer 5	❺	\277A
❻	Numer 6	❻	\277B
❼	Numer 7	❼	\277C
❽	Numer 8	❽	\277D
➒	Numer 9	➒	\2792
➓	Numer 10	➓	\2793
✖	Pogrubiony znak mnożenia	✖	\2716
✘	Odważny krzyż	✘	\2718
✔	Pogrubiony znacznik wyboru	✔	\2714
✚	Gruby krzyż	✚	\271A
⚛	Symbol atomu	⚛	\269B
♺	Symbol recyklingu	♺	\267A
❑	Niewypełniony kwadrat z prawym dolnym cieniem	❑	\2751
❒	Niewypełniony kwadrat z prawym górnym cieniem	❒	\2752
◈	Diament w ramce	◈	\25C8
◐	Okrąg z wypełnioną lewą połową	◐	\25D0
◑	Okrąg z wypełnioną prawą połową	◑	\25D1
⁂	Trzy gwiazdy	⁂	\2042

Znaki interpunkcyjne

Wygląd	Przeznaczenie	Kod HTML	Kod CSS
<	Znak mniejszości (początek znacznika)	<	\003C
>	Znak Większy niż (koniec znacznika)	>	\003E
«	Lewy podwójny nawias kątowy	«	\00AB
»	Prawy podwójny nawias kątowy	»	\00BB
‹	Pojedynczy cudzysłów w lewym rogu	‹	\2039
›	Pojedynczy cudzysłów w prawym rogu	›	\203A
«	Cudzysłów	"	\0022
′	Pojedynczy udar	′	\2032
″	Podwójny udar	″	\2033
‘	Lewy pojedynczy cudzysłów	‘	\2018
’	Prawy pojedynczy cytat	’	\2019
‚	Dolny pojedynczy cudzysłów	‚	\201A
“	Lewy podwójny cudzysłów	“	\201C
”	Prawy podwójny cudzysłów	”	\201D
„	Dolny podwójny cudzysłów	„	\201E
❜	Pogrubiony pojedynczy przecinek wiodący	❜	\275°C
❛	Pogrubiony, pojedynczy obrócony górny przecinek	❛	\275B
&	Ampersand	&	\0026
‘	Apostrof (pojedynczy cudzysłów)	"	\0027
§	Ustęp	§	\00A7
©	Znak praw autorskich		\00A9
¬	Znak negacji	¬	\00AC
®	Zastrzeżony znak towarowy	®	\00AE
¯	Macron	¯	\00AF
°	Stopień	°	\00B0
±	Plus lub minus	±	\00B1
¹	Indeks górny „1”	¹	\00B9
²	Indeks górny „2”	²	\00B2
³	Indeks górny „3”	³	\00B3
¼	Jeden kwadrans	¼	\00BC
½	Połowa	½	\00BD
¾	Trzy kwarty	¾	\00BE
´	Znak akcentu	´	\00B4
µ	Mikro	µ	\00B5
¶	Znak akapitu	¶	\00B6
·	Znak mnożenia	·	\00B7
¿	Odwrócony znak zapytania	¿	\00BF
ƒ	Znak Florina	ƒ	\0192
™	Znak towarowy	™	\2122
	Znacznik listy	.	\2022
…	Elipsa	…	\2026
‾	Zakreślanie	‾	\203E
–	To kreska	-	\2013
-	To kreska	—	\2014
‰	ppm	‰	\2030
}	Prawy nawias klamrowy	}	\007D
{	Lewy nawias klamrowy	{	\007B
=	Znak równości	=	\003D
≠	Znak nierówności	≠	\2260
≅	Kongruencja (równość geometryczna)	≅	\2245
≈	Prawie równe	≈	\2248
≤	Mniej niż lub równo	≤	\2264
≥	Większe lub równe	≥	\2265
∠	Narożnik	∠	\2220
⊥	Prostopadłe (przycisk w górę)	⊥	\22A5
√	Pierwiastek kwadratowy	√	\221A
∑	Sumowanie N-aryczne	∑	\2211
∫	Całka	∫	\222B
※	Znak przypisu	※	\203B
÷	Znak podziału	÷	\00F7
∞	znak nieskończoności	∞	\221E
@	Symbol psa	@	\0040
[	Lewy nawias kwadratowy	[	\005B
]	Prawy nawias kwadratowy	]	\005D

Strzałki

Wygląd	Przeznaczenie	Kod HTML	Kod CSS
←	Strzałka w lewo	←	\2190
	Strzałka w górę		\2191
→	Prawa strzałka	→	\2192
↓	Strzałka w dół	↓	\2193
↔	Strzałka w lewo-prawo	↔	\2194
↵	Strzałka w dół i w lewo – znak powrotu wagonu	↵	\21B5
⇐	Podwójna strzałka w lewo	⇐	\21D0
⇑	Podwójna strzałka w górę	⇑	\21D1
⇒	Podwójna strzałka w prawo	⇒	\21D2
⇓	Podwójna strzałka w dół	⇓	\21D3
⇔	Podwójna strzałka w lewo i w prawo	⇔	\21D4
➠	Latająca strzała	➠	\27A0
➤	Grot	➤	\27A4
➥	Zakrzywiona strzałka skierowana w dół i w prawo	➥	\27A5
➦	Zakrzywiona strzałka skierowana w górę i w prawo	➦	\27A6
➳	Strzałka w prawo	➳	\27B3
↺		↺	\21BA
↻	Okrągła strzałka z końcówką przeciwną do ruchu wskazówek zegara	↻	\21BB
⇧	Gruba pusta strzałka w górę	⇧	\21E7
↩	Strzałka w lewo z hakiem	↩	\21A9
➫	Strzałka opadająca w dół	➫	\27AB
⬇	Wypełniona strzałka w dół	⬇	\2B07
⬆	Wypełniona strzałka w górę	⬆	\2B06

Kolory kart, znaki zodiaku i ikony walut

Wygląd	Przeznaczenie	Kod HTML	Kod CSS
♠	"Pik"	♠	\2660
♣	„Kluby”	♣	\2663
	"Kiery"		\2665
♦	„Diamenty”	♦	\2666
♡	Kontur „Serca”	♡	\2661
♢	Kontur „Tamburyny”	♢	\2662
♤	Kontur szczytów	♤	\2664
♧	Zarys „Klubów”	♧	\2667
¢	Cent	¢	\FFE0
£	GBP	£	\FFE1
₽	Rubel rosyjski	₽	\20BD
¥	Jen lub Yuan	¥	\00A5
€	Euro	€	\20AC
$	Dolar	$	\0024
₴	Znak hrywny	₴	\20B4
₹	Rupia indyjska	₹	\20B9
圓	CNY	圓	\5713
₸	Tenge kazachskie	₸	\20B8
♈	Baran	♈	\2648
♉	Byk	♉	\2649
♊	Bliźnięta	♊	\264A
♋	Rak	♋	\264B
♌	Lew	♌	\264C
♍	Panna	♍	\264D
♎	Waga	♎	\264E
♏	Skorpion	♏	\264F
♐	Strzelec	♐	\2650
♑	Koziorożec	♑	\2651
♒	Wodnik	♒	\2652
♓	Ryba	♓	\2653

grecki alfabet

List	małe litery		stolice
	symbol	Kod HTML	symbol	Kod HTML
alfa	α	α	Α	Α
beta	β	β	Β	Β
gamma	γ	γ	Γ	Γ
delta	δ	δ	Δ	Δ
epsilon	ε	ε	Ε	Ε
zeta	ζ	ζ	Ζ	Ζ
Ten	η	η	Η	Η
teta	θ	θ	Θ	Θ
odrobina	ι	ι	Ι	Ι
kappa	κ	κ	Κ	Κ
lambda	λ	λ	Λ	Λ
mu	μ	μ	Μ	Μ
nagi	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
omikron	ο	ο	Ο	Ο
Liczba Pi	π	π	Π	Π
ro	ρ	ρ	Ρ	Ρ
sigma	σ	σ	Σ	Σ
ostatnia sigma	ς	ς
tau	τ	τ	Τ	Τ
upsilon	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
hej	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
omega	ω	ω	Ω	Ω

Jak to wykorzystać w praktyce

Niezależnie od CMS-a, dodanie artykułu odbywa się za pomocą edytora wizualnego i wersji HTML. Wszystkie znaki specjalne w kodowaniu można wstawić tylko w drugim przypadku. Aby prawidłowo korzystać z narzędzi, zaleca się zapoznanie z tabelami przedstawiającymi kod i reprezentację zewnętrzną.

Należy pamiętać, że jeśli wstawisz znak w wizualnej reprezentacji artykułu, element zostanie przekonwertowany na odpowiedni kod w formacie HTML. Wprowadzając informacje ręcznie, należy wziąć pod uwagę przypadek, który ma wpływ na wynik końcowy.

Znaki specjalne HTML to specjalne konstrukcje języka, które odnoszą się do znaków z zestawu znaków używanego w plikach tekstowych. Tabela przedstawia listę znaków zastrzeżonych i specjalnych, których nie można dodać do kodu źródłowego dokumentu HTML za pomocą klawiatury:

• znaki, których nie można wprowadzić za pomocą klawiatury (na przykład symbol praw autorskich)
• znaki przeznaczone do zaznaczania (na przykład znak większości lub mniejszości)

Takie znaki są dodawane za pomocą kodu numerycznego lub nazwy.

Symbol	Kod numeryczny	Nazwa symbolu	Opis
"	"	"	cudzysłów
"	"	"	apostrof
&	&	&	ampersand
<		<	mniej niż znak
>	>	>	więcej znaku
			spacja nierozdzielająca (Spacja nierozdzielająca to spacja, która pojawia się w linii jako normalna spacja, ale nie pozwala programom wyświetlającym i drukującym na przerwanie linii w tym miejscu).
¡	¡	¡	odwrócony wykrzyknik
¢	¢	¢	cent
£	£	£	funt.
¤	¤	¤	waluty
¥	¥	¥	jen
¦	¦	¦	uszkodzony pionowy pasek
§	§	§	Sekcja
¨	¨	¨	interwał (cyrylica)
	©		znak praw autorskich
ª	ª	ª	żeński wykładnik porządkowy
«	«	«	Cytaty francuskie (w jodełkę) - po lewej
¬	¬	¬	wyrażenia-negacji
®	®	®	zarejestrowany znak towarowy
¯	¯	¯	odstęp makronowy
°	°	°	stopień
±	±	±	plus lub minus
²	²	²	indeks górny 2
³	³	³	indeks górny 3
´	´	´	ostry interwał
µ	µ	µ	mikro
¶	¶	¶	ustęp
·	·	·	punkt środkowy
¸	¸	¸	odstęp cedilli
¹	¹	¹	indeks górny 1
º	º	º	męski wykładnik porządkowy
»	»	»	Cytaty francuskie (w jodełkę) - racja
¼	¼	¼	1/4 części
½	½	½	1/2 części
¾	¾	¾	3/4 części
¿	¿	¿	odwrócony znak zapytania
×	×	×	mnożenie
÷	÷	÷	dział
́	́		podkreślenie
Œ	Œ	Œ	ligatura kapitałowa OE
œ	œ	œ	ligatura małych liter oe
Š	Š	Š	S z koroną
š	š	š	mała litera S z koroną
Ÿ	Ÿ	Ÿ	duże Y z tiarą
ƒ	ƒ	ƒ	f z hakiem
ˆ	ˆ	ˆ	dykriatyczny akcent
˜	˜	˜	mała tylda
–	–	-	kropla
—	—	—	kreska
‘	‘	‘	pozostawiony pojedynczy cudzysłów
’	’	’	właściwy pojedynczy cudzysłów
‚	‚	‚	dolny pojedynczy cudzysłów
“	“	“	pozostawił podwójne cudzysłowy
”	”	”	prawy podwójny cudzysłów
„	„	„	niższe podwójne cudzysłowy
†	†	†	sztylet
‡	‡	‡	podwójny sztylet
		.	pocisk
…	…	…	pozioma elipsa
‰	‰	‰	ppm (tysięczne)
′	′	′	minuty
″	″	″	sekundy
‹	‹	‹	pojedynczy cytat w lewym rogu
›	›	›	pojedynczy cytat w prawym rogu
‾	‾	‾	zakreślanie
€	€	€	Euro
™	™ lub	™	znak towarowy
←	←	←	strzałka w lewo
			strzałka w górę
→	→	→	prawa strzałka
↓	↓	↓	strzałka w dół
↔	↔	↔	podwójna strzałka
↵	↵	↵	strzałka powrotu karetki
⌈	⌈	⌈	lewy górny róg
⌉	⌉	⌉	prawy górny róg
⌊	⌊	⌊	lewy dolny róg
⌋	⌋	⌋	Dolny prawy róg
◊	◊	◊	romb
♠	♠	♠	szczyty
♣	♣	♣	przechodzić
			robaki
♦	♦	♦	diamenty

Symbole matematyczne obsługiwane w formacie HTML

Symbol	Kod numeryczny	Nazwa symbolu	Opis
∀	∀	∀	dla każdego, dla każdego
∂	∂	∂	Część
∃	∃	∃	istnieje
∅	∅	∅	pusty zestaw
∇	∇	∇	Operator Hamiltona (nabla)
∈	∈	∈	należy do zestawu
∉	∉	∉	nie należy do zestawu
∋	∋	∋	Lub
∏	∏	∏	praca
∑	∑	∑	suma
−	−	−	minus
∗	∗	∗	mnożenie lub koniugacja operatora do
×	×	&czasy	znak mnożenia
√	√	√	Pierwiastek kwadratowy
∝	∝	∝	proporcjonalność
∞	∞	∞	nieskończoność
⋮	⋮		wielość
∠	∠	∠	narożnik
∧	∧	∧	I
∨	∨	∨	Lub
∩	∩	∩	skrzyżowanie
∪	∪	∪	Unia
∫	∫	∫	całka
∴	∴	∴	Dlatego
∼	∼	∼	tak jak
≅	≅	≅	porównywalny
≈	≈	≈	w przybliżeniu równa
≠	≠	≠	nie równe
≡	≡	≡	identycznie
≤	≤	≤	mniejszy lub równy
⩽	⩽ ⩽	⩽ ⩽	mniejszy lub równy
≥	≥	≥	więcej lub równe
⩾	⩾ ⩾	⩾ ⩾	więcej lub równe
⊂	⊂	⊂	podzbiór
⊃	⊃	⊃	superserie
⊄	⊄	⊄	nie podzbiór
⊆	⊆	⊆	podzbiór
⊇	⊇	⊇	nadzbiór
⊕	⊕	⊕	kwota bezpośrednia
⊗	⊗	⊗	produkt bardziej napięty
⊥	⊥	⊥	prostopadły
⋅	⋅	⋅	operator kropki

Alfabet grecki i koptyjski

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

Dlaczego potrzebne są znaki specjalne i jak ich używać

Załóżmy, że decydujesz się opisać jakiś tag na swojej stronie, ale ponieważ przeglądarka używa znaków< и >podobnie jak początek i koniec tagu, zastosowanie ich w treści kodu HTML może prowadzić do problemów. Jednak HTML umożliwia łatwe definiowanie tych i innych znaków specjalnych za pomocą prostych skrótów zwanych odniesienia do symboli.

Przyjrzyjmy się, jak to działa. Dla każdego znaku, który jest uważany za specjalny lub którego chcesz użyć na swojej stronie internetowej, ale którego nie można wydrukować w edytorze (na przykład symbol praw autorskich), znajdujesz skrót i drukujesz go w kodzie HTML zamiast żądanego znaku . Na przykład dla symbolu „>” skrótem jest > , a dla symbolu „<" - < .

Załóżmy, że chcesz wydrukować „Element bardzo ważne” na jego stronie. Zamiast tego będziesz musiał użyć odniesień do symboli potrzebnych do poprawnego wyświetlenia wpisu, a ostatecznie Twój wpis w kodzie powinien wyglądać następująco:

Element bardzo ważne

Próbować "

Kolejnym znakiem specjalnym, o którym musisz wiedzieć, jest symbol & (ampersand). Jeśli chcesz, aby pojawił się na Twojej stronie HTML, użyj linku & zamiast znaku &.

Dziś się dowiesz jak zrobić pole wyboru w HTML i dodaj do niego CSS style dla lepszej zgodności z projektem witryny.

Demonstracja

Pole wyboru w HTML

Stwórzmy blok z czterema checkboxami, pierwszy zostanie zaznaczony haczykiem. Każde pole wyboru będzie otoczone tagiem etykieta, wewnątrz którego znajduje się pole wejściowe, tekst i element Zakres być stylizowanym.

Jeden

Dwa

Trzy

Cztery

Etykietka etykieta służy jako pojemnik dla każdego pola wyboru; dla przejrzystości tymczasowo ustawiłem tag w czerwonej ramce etykieta. Jeśli masz niewielkie doświadczenie, jest to dobry sposób, aby zobaczyć granice dowolnego tagu, aby nie działać na ślepo.

CSS dla pola wyboru

Etykieta liniowa etykieta, zastąp go blokiem (Blok wyświetlacza) tak, aby checkboxy znajdowały się jeden pod drugim, wybór użytkownika: brak– uniemożliwia użytkownikowi wybranie elementu.

Pojemnik (
Blok wyświetlacza;
wybór użytkownika: brak;
}

Ten kod ukrywa domyślne style przeglądarki dla pola wyboru. Sprawiamy, że element jest całkowicie przezroczysty wg nieprzezroczystość, szerokość I wysokość z wartością zerową i w ich miejsce ustaw niestandardowe style dla pola wyboru.

Wejście kontenera (
nieprzezroczystość: 0;
wysokość: 0;
szerokość: 0;
}

Tworzymy niestandardowe checkboxy. Zmień rozmiar i kolor tła.

Zaznaczenie (
wysokość: 23px;
szerokość: 22px;
kolor tła: #eec321;
}

Po najechaniu kursorem kolor tła może być nieco ciemniejszy.

Kontener: najedź kursorem ~ .checkmark (
kolor tła: #ccc678;
}

Dla zaznaczonego pola wyboru ustaw inny kolor tła.

Dane wejściowe kontenera: zaznaczone ~ .checkmark (
kolor tła: #2196f3;
}

Ukrywanie pola wyboru dla niezaznaczonych pól wyboru za pomocą pseudoelementu Po.

Znacznik wyboru:po (
treść: "";
pozycja: absolutna;
Nie wyświetla się;
}

Sprawiamy, że znacznik wyboru jest widoczny tylko dla zaznaczonych pól wyboru.

Dane wejściowe kontenera: zaznaczone ~ .checkmark: after (
Blok wyświetlacza;
}

Narysuj i stylizuj znacznik wyboru. Rysujemy znacznik wyboru na pustym miejscu CSS. Narysujmy prostokąt z białą ramką, dwa boki prostokąta nie mają ramki (zerowa szerokość), otrzymamy prostokątny róg, obrócimy go o 45 stopni i otrzymamy znacznik wyboru.

Tekst pisany na maszynie składa się z drukowanych znaków – symboli graficznych.
Symbole graficzne to symbole, które są widoczne w tekście.
Wszystkie symbole graficzne zebrane są w zbiór jednego uniwersalnego systemu Unicode.
Wstaw symbol graficzny Unicode do dokumentu HTML
- główny i jedyny cel tego stołu.

Symbol można wstawić do dokumentu HTML na jeden z następujących sposobów:

1. skopiuj obraz symbolu z okna przeglądarki do okna wizualnego edytora HTML
2. skopiuj kod HTML symbolu bezpośrednio do kodu dokumentu HTML

Proszę zrozumieć, że są to dwie różne metody:

1. wstaw wizualizację do wizualizacji
2. wstaw kod do kodu.

Czcionka symbolu, jego rozmiar i kolor w HTML można ustawić za pomocą kodu takiego jak:
KOD_ZNAKU
Gdzie,
Arial - czcionka,
10px - wielkość czcionki w pikselach,
#ff0000 – kod koloru czcionki (czerwony)

Na przykład:
☎ - rozmiar czcionki znakowej 30px,
☎ - rozmiar czcionki symbolu 30px, kolor - czerwony
☎ - rozmiar czcionki znakowej 20px,
☎ - rozmiar czcionki symbolu 10px.
Notatka Zalecane czcionki do wstawiania znaków specjalnych to Arial, Verdana i Tahoma. Czcionki te poprawnie wyświetlają znaki Unicode i same są poprawnie obsługiwane przez aplikacje internetowe.

1. "Symbol"
   (widoczny symbol)
   Z tej kolumny możesz skopiować obraz symbolu i wkleić go do okna edytora tekstu HTML. Symbol zostanie skopiowany czcionką o rozmiarze 20px. Po zakończeniu kopiowania może zaistnieć konieczność indywidualnego dostosowania rozmiaru czcionki bezpośrednio do kopiowanego znaku.
2. "Nazwa"
   (tylko dla znaków ważnych lub niejasnych)
   Wyjaśnienie przeznaczenia symbolu, jego zakresu, przykłady...
3. "Mnemonika"
   Mnemoniki to alfabetyczna konstrukcja formy ", oznaczająca kod alfabetyczny znaku w formacie HTML. Jest ona wstawiana bezpośrednio do kodu HTML dokumentu HTML. Mnemoniki są bardzo popularne wśród profesjonalnych projektantów układów graficznych. Są doskonale zapamiętywane przez ludzi i są obsługiwane przez wszystkie aplikacje HTML. Każdy mnemonik zawiera alfabetyczną nazwę (oznaczenie) swojego symbolu oraz znak usługowy (&), który służy jako sygnał dla przeglądarki do odczytania kodu i nie jest wyświetlany na ekranie monitora Każdy mnemonik jest unikalny i łatwy do odczytania, ponieważ pochodzi od angielskiego słowa charakteryzującego ten symbol.

   Mnemonika (z języka greckiego) – sztuka zapamiętywania czegoś. Mnemoniki służą do ułatwienia percepcji informacji trudnych do zapamiętania, gdy obiekt zapamiętywania zostaje wprowadzony w stan skojarzenia z czymś.

4. "Kod"
   Kod - numeryczny kod dziesiętny znaku w formacie HTML, np. &. Wstawiony bezpośrednio do kodu HTML dokumentu HTML. Kod dziesiętny składa się z liczby wskazującej numer seryjny znaku w systemie Unicode oraz kilku znaków serwisowych (& i #), które służą jako sygnał dla przeglądarki do odczytania kodu i nie są wyświetlane na ekranie monitora. Kod dziesiętny jest szeroko stosowany i stosowany ze względu na jego wszechstronność i łatwość percepcji.

Znaki kontrolne w HTML (XHTML)

Znaki sterujące w języku HTML (XHTML) to znaki usługowe języka HTML używane w układzie HTML strony internetowej. Każda przeglądarka musi obsługiwać te znaki, ponieważ bez nich nie jest możliwe prawidłowe wyświetlenie tekstu HTML. Znaki sterujące nie są wyświetlane w tekście, a wpisane bezpośrednio z klawiatury są interpretowane przez przeglądarkę jako znaki interpunkcyjne wzywające do wykonania jakiejś czynności podczas rysowania strony na ekranie.

Dopuszczalne jest używanie znaków kontrolnych w zwykłych tekstach, gdzie symbolizują one pojęcia uniwersalne i są interpretowane przez przeglądarkę jak zwykłe znaki typograficzne. Używając w ten sposób symboli usług w tekstach HTML, należy podać nie wartość samego symbolu, ale jego kod HTML. Ponieważ, powtarzam, w przeciwnym razie przeglądarka odbierze symbol usługi jako wezwanie do działania i nie wyświetli poprawnie tekstu HTML na ekranie monitora.

Symbole kontrolne i ich kod HTML są znane i rozumiane przez wszystkie przeglądarki bez wyjątku, czego niestety nie można powiedzieć o innych symbolach, które mogą być wyświetlane niepoprawnie w różnych przeglądarkach lub, co gorsza, w ogóle nie być wyświetlane.

Składnia i interpunkcja

	przestrzeń o długości N (przestrzeń regularna)
	przestrzeń o długości M (longspace)
-	łącznik miękki (znak niedrukowalny)			-	­
‑	łącznik				– ‑
-	kreska o długości N (zwykła kreska)			-	–
—	kreska długości M (em kreska)			—	—
.	kropka				.
,	przecinek				,
…	elipsy			…	…
:	okrężnica				:
;	średnik				;
!	wykrzyknik				! ǃ
?	znak zapytania				?
@	"pies"				@
*	"gwiazda"				*
#	"krata"				#
‘	pojedynczy cytat w lewym górnym rogu			‘	‘ ‘
’	pojedynczy cytat w prawym górnym rogu			’	’ ’
‚	pojedynczy prawy dolny cytat			‚	‚ ‚
“	podwójny cytat w lewym górnym rogu			“	“ “
”	podwójny prawy górny cytat			”	” ”
„	podwójny prawy dolny cudzysłów			&bdquo	„ „
«	cudzysłów w lewym lewym rogu (ros.)			«	«
»	cudzysłów w podwójnym prawym rogu (ros.)			»	»
́	znak akcentu, przykład: Vasya				́
"	apostrof, przykład: Ty„Ja				"
´	ostry, przykład: Wasia			´	´
¶	akapit (znak niedrukowalny)			¶	¶
§	ustęp			§	§
ˆ	akcent (odwrócony ptak)			ˆ	ˆ ˆ
˜	mała tylda			˜	˜ ˜
¦	pionowa linia przerywana			¦	¦
(	lewy nawias				(
)	prawy nawias				)
〈	lewy nawias kątowy			〈	〈
〉	nawias kątowy prawy			〉	〉
‹	lewy nawias kątowy, opcja			‹	‹
›	nawias prostokątny, opcja			›	›
[	lewy nawias kwadratowy				[
]	nawias kwadratowy prawy				]
/	ukośnik – znak ukośnika				/
\	ukośnik wsteczny				\
⁄	ukośnik (znak podziału)			⁄	⁄
ǀ	pionowy pasek				ǀ
ǁ	podwójny pionowy pasek				ǁ
‾	podkreślenie, przykład: Vasya‾vasya			‾	‾
¯	makron, przykład: Wasjawasja			¯	¯

Znaki towarowe i waluta

+	plus			+	+
−	minus			−	- −
=	równa się				=
±	plus lub minus			±	±
×	znak mnożenia			×	×
÷	znak podziału			÷	÷
⋅	operator kropki (środek linii)			⋅	· ⋅
∗	operator gwiazdki (środek linii)			∗	∗
∼	operator tyldy			∼	∼
.	znacznik listy (środek linii)			.	•
¹	indeks górny „1”			¹	¹
²	indeks górny „2”			²	²
³	indeks górny „3”			³	³
Indeks górny i dolny w HTML (XHTML) można wstawić za pomocą tagów I odpowiednio: NUMER Napisany u góry→ LICZBA Indeks górny NUMER Indeks→ LICZBA Indeks dolny
½	ułamek „połowa”			½	½
⅓	ułamek „jedna trzecia”				⅓
¼	ułamek „jedna czwarta”			¼	¼
¾	ułamek „trzy czwarte”			¾	¾
№	znak liczbowy				№
%	procent				%
‰	ppm			‰	‰ ‰
°	stopni			°	°
′	prime (minuty, stopy)			′	′
″	podwójna liczba pierwsza (sekundy, cale) Przykład 1: 30° 25′ 12″ Przykład 2: 25′ 12 ″			″	″
µ	mikro			µ	µ
π	Liczba Pi			π	π
ƒ	znak funkcji (nie mylić z „całą”)			ƒ	ƒ ƒ
∫	całka			∫	∫
∅	przekreślone zero, zbiór pusty (nie mylić z „średnicą”)			∅	∅
⌀	średnica (nie mylić z przekreślonym łacińskim „o”)				⌀
ø	Łacińskie „o” przekreślone po przekątnej			ø	ø
Ø	Łacińska wielka litera „O” przekreślona po przekątnej			Ø	Ø
∏	znak pracy			∏	∏
∑	znak sumowania			∑	∑
√	rodnik (pierwiastek kwadratowy lub pierwiastek x)			√	√
∝	proporcjonalnie			∝	∝
∞	nieskończoność			∞	∞
∠	narożnik			∠	∠
⊥	ortogonalny (prostopadły)			⊥	⊥
∴	podpisz „dlatego”			∴	∴
≅	w przybliżeniu równa			≅	≅
≈	prawie równe			≈	≈
≠	nie równe			≠	≠
≡	identycznie			≡	≡
≤	mniejszy lub równy			≤	≤
≥	więcej lub równe			≥	≥
∧	logiczne ORAZ			∧	∧
∨	logiczne LUB			∨	∨
⊕	plus znak w kółku (kwota bezpośrednia)			⊕	⊕
⊗	znak mnożenia w okręgu (iloczyn krzyżowy, strzałka od obserwatora)			⊗	⊗
ʘ	kropka w okręgu (strzałka do obserwatora)				ʘ

				✵ ✵