Špeciálne znaky CSS3. špeciálne znaky HTML

Špeciálne znaky HTML sú špeciálne jazykové konštrukcie, ktoré odkazujú na znaky zo znakovej sady použitej v textové súbory. Tabuľka zobrazuje zoznam vyhradených a špeciálnych znakov, ku ktorým nie je možné pridať zdroj HTML dokument pomocou klávesnice:

• znaky, ktoré sa nedajú zadať pomocou klávesnice (napríklad symbol autorských práv)
• znaky určené na označovanie (napríklad znak väčší alebo menší ako)

Takéto znaky sa pridávajú pomocou číselného kódu alebo názvu.

Symbol	Číselný kód	Názov symbolu	Popis
"	"	"	otáznik
"	"	"	apostrof
&	&	&	ampersand
<		<	menej ako znamenie
>	>	>	viac znamenia
			neprerušiteľný priestor ( Nerozbitný priestor je priestor zobrazený vo vnútri riadku ako pravidelný priestor, ale bráni zobrazovacím a tlačovým programom prerušiť čiaru v tomto bode.)
¡	¡	¡	prevrátil sa Výkričník
¢	¢	¢	cent
£	£	£	lb.
¤	¤	¤	meny
¥	¥	¥	jenov
¦	¦	¦	zlomená vertikálna lišta
§	§	§	oddiele
¨	¨	¨	interval (cyrilika)
	©		autorské znamenie
ª	ª	ª	ženský radový exponent
«	«	«	Francúzske úvodzovky (rybia kosť) - vľavo
¬	¬	¬	negácia-výrazy
®	®	®	Registrovaná ochranná známka
¯	¯	¯	makronový interval
°	°	°	stupňa
±	±	±	plus alebo mínus
²	²	²	horný index 2
³	³	³	horný index 3
´	´	´	akútny interval
µ	µ	µ	mikro
¶	¶	¶	odsek
·	·	·	stredný bod
¸	¸	¸	interval cedilla
¹	¹	¹	horný index 1
º	º	º	mužský radový exponent
»	»	»	Francúzske úvodzovky (rybia kosť) - správne
¼	¼	¼	1/4 dielu
½	½	½	1/2 dielu
¾	¾	¾	3/4 dielov
¿	¿	¿	obrátený otáznik
×	×	×	násobenie
÷	÷	÷	divízie
́	́		dôraz
Œ	Œ	Œ	kapitálová ligatúra OE
œ	œ	œ	ligotavý malý oe
Š	Š	Š	S s korunkou
š	š	š	malé písmeno S s korunkou
Ÿ	Ÿ	Ÿ	veľké Y s diadémom
ƒ	ƒ	ƒ	f s háčikom
ˆ	ˆ	ˆ	dikriatický prízvuk
˜	˜	˜	malá vlnovka
–	–	-	pomlčka
—	—	—	em pomlčka
‘	‘	‘	ľavý jediný citát
’	’	’	správny jediný citát
‚	‚	‚	dolný jednoduchý citát
“	“	“	ľavé dvojité úvodzovky
”	”	”	pravé dvojité úvodzovky
„	„	„	nižšie dvojité úvodzovky
†	†	†	dýka
‡	‡	‡	dvojitá dýka
		.	guľka
…	…	…	horizontálna elipsa
‰	‰	‰	ppm (tisíciny)
′	′	′	minút
″	″	″	sekúnd
‹	‹	‹	jednoduchý ľavý rohový citát
›	›	›	jeden pravý rohový citát
‾	‾	‾	prekrytie
€	€	€	eur
™	™ alebo	™	ochranná známka
←	←	←	ľavá šípka
			šípka hore
→	→	→	pravá šípka
↓	↓	↓	šípka nadol
↔	↔	↔	dvojitá šípka
↵	↵	↵	šípka návratu vozíka
⌈	⌈	⌈	vľavo horný roh
⌉	⌉	⌉	pravý horný roh
⌊	⌊	⌊	ľavom dolnom rohu
⌋	⌋	⌋	pravý dolný roh
◊	◊	◊	kosoštvorec
♠	♠	♠	vrcholov
♣	♣	♣	kríž
			červami
♦	♦	♦	diamanty

Matematické symboly podporované v HTML

Symbol	Číselný kód	Názov symbolu	Popis
∀	∀	∀	pre kohokoľvek, pre každého
∂	∂	∂	Časť
∃	∃	∃	existuje
∅	∅	∅	prázdna sada
∇	∇	∇	Hamilton operátor (nabla)
∈	∈	∈	patrí do sady
∉	∉	∉	nepatrí do sady
∋	∋	∋	alebo
∏	∏	∏	práca
∑	∑	∑	súčet
−	−	−	mínus
∗	∗	∗	násobenie alebo operátor konjugovaný na
×	×	&krát	znak násobenia
√	√	√	Odmocnina
∝	∝	∝	proporcionality
∞	∞	∞	nekonečno
⋮	⋮		mnohosť
∠	∠	∠	rohu
∧	∧	∧	A
∨	∨	∨	alebo
∩	∩	∩	križovatka
∪	∪	∪	únie
∫	∫	∫	integrálne
∴	∴	∴	Preto
∼	∼	∼	Páči sa mi to
≅	≅	≅	porovnateľné
≈	≈	≈	približne rovnaké
≠	≠	≠	nerovná sa
≡	≡	≡	identicky
≤	≤	≤	menšie alebo rovnaké
⩽	⩽ ⩽	⩽ ⩽	menšie alebo rovnaké
≥	≥	≥	viac alebo rovné
⩾	⩾ ⩾	⩾ ⩾	viac alebo rovné
⊂	⊂	⊂	podmnožina
⊃	⊃	⊃	supersety
⊄	⊄	⊄	nie podmnožina
⊆	⊆	⊆	podmnožina
⊇	⊇	⊇	supermnožina
⊕	⊕	⊕	priama suma
⊗	⊗	⊗	napínací produkt
⊥	⊥	⊥	kolmý
⋅	⋅	⋅	bodový operátor

grécka a koptská abeceda

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

Prečo sú potrebné špeciálne znaky a ako ich používať

Povedzme, že ste sa rozhodli popísať nejakú značku na svojej stránke, ale keďže prehliadač používa znaky< и >ako začiatok a koniec značky, ich použitie v obsahu vášho html kódu môže viesť k problémom. Ale HTML vám dáva ľahká cesta identifikovať tieto a ďalšie Špeciálne symboly pomocou jednoduchých skratiek tzv odkazy na symboly.

Pozrime sa, ako to funguje. Pre každý znak, ktorý sa považuje za špeciálny alebo ktorý chcete použiť na svojej webovej stránke, ale ktorý sa nedá vytlačiť vo vašom editore (napríklad symbol autorských práv), nájdete skratku a vytlačíte ju v html kóde namiesto požadovaného znaku . Napríklad pre symbol ">" je skratka > a pre symbol "<" - < .

Povedzme, že ste chceli vytlačiť „Prvok veľmi dôležité“ na jeho stránke. Namiesto toho budete musieť použiť odkazy na symboly, ktoré potrebujete na správne zobrazenie záznamu, a nakoniec by váš záznam v kóde mal vyzerať takto:

Element veľmi dôležité

Skúste »

Ďalším špeciálnym znakom, o ktorom musíte vedieť, je symbol & (ampersand). Ak chcete, aby sa zobrazil na vašej HTML stránke, použite namiesto znaku & odkaz &.

Symbol začiarknutia sa na klávesnici nenachádza, ale pomocou špeciálnych kombinácií ho môžete jednoducho pridať do správy, príspevku alebo textového dokumentu.

Pozrime sa bližšie na to, ako sa to dá urobiť.

Typy začiarknutí + použitie

Začiarknutie (vták, kavka) je špeciálna ikona, ktorá sa často používa na popis potvrdenia niečoho.

Dá sa nájsť v dizajne výpisov alebo podčiarknutých myšlienok. Po prečítaní nasledujúcich pokynov môžete symbol nájsť a použiť sami.

Najjednoduchšou možnosťou je skopírovať objekt z tohto článku. Existuje niekoľko typov ikon:

Ak potrebujete začiarkavacie políčko na použitie v jednej vete alebo fráze, jednoducho skopírujte prvok, ktorý sa vám páči, zvýraznením a stlačením klávesov CTRL a C na klávesnici.

Ak chcete sami zadať vtáka na klávesnici, musíte použiť Unicode. Napíšte písmeno U a +. Potom musíte vytočiť kód odznaku.

Digitálne označenia rôznych typov začiarknutí sú nasledovné: 2713 (bežný znak), 2714 (tučné písmo), 2705 (zvýraznené začiarknutie vo štvorci), 2611 (bežné začiarknutie vo štvorci).

Ak sa kombinácia U+2713 alebo iná automaticky nezmení na začiarknutie, dokument s najväčšou pravdepodobnosťou nie je nakonfigurovaný na automatické rozpoznávanie znakov Unicode alebo kód zadávate nesprávne.

Text sa okamžite premení na požadovaný symbol, takže ho môžete pokojne písať do správ a rôznych príspevkov.

Ikona v MS Word

Každý, kto to niekedy použil, vie, že nastavenie špeciálnych znakov pomáha štruktúrovať dokument a uľahčuje jeho čítanie.

Možno budete potrebovať začiarknutie v procese vytvárania zoznamu úloh alebo enumerácie.

Neskúsení používatelia vytvárajú znak pridaním obrázka s požadovaným prvkom do dokumentu. Tento prístup je nesprávny, pretože zvyšuje konečnú veľkosť súboru.

Všetko sa dá urobiť oveľa jednoduchšie. Ak chcete začiarknuť políčko v programe Word, postupujte podľa nasledujúcich krokov.

• Otvorte dokument v akejkoľvek verzii programu. V závislosti od roku vydania softvéru sa umiestnenie požadovaných kariet môže líšiť;
• Kliknite na sekciu „Vložiť“;
• Na pravej strane panela s nástrojmi nájdite položku „Symbol“ a kliknite na ňu;
• V rozbaľovacom okne kliknite na "Iné symboly".

• Vo vyskakovacom okne môžete nájsť začiarknutie jedným z dvoch spôsobov. Vyberte sadu „Dingbats“ a kliknite na požadovaný prvok v navrhovanom zozname alebo zadajte kód prvku v Unicode (hexadecimálne) v spodnej časti okna. Napríklad 2714. Word automaticky nájde objekt, ktorý potrebujete. Kliknite naň a potvrďte akciu kliknutím na „OK“.

Obr. 3 - špeciálne znaky vo Worde

Po pridaní začiarknutia do tela dokumentu môžete naň použiť ľubovoľné formátovanie: zmeniť farbu, písmo, typ nadpisu a ďalšie možnosti.

Strojom písaný text tvoria tlačené znaky – grafické symboly.
Grafické symboly sú symboly, ktoré majú viditeľné zobrazenie v texte.
Všetky grafické symboly sú zhromaždené v súbore jediného univerzálneho systému Unicode.
Vložte grafický symbol Unicode do html dokumentu
- hlavný a jediný účel tohto stola.

Symbol môžete do dokumentu HTML vložiť jedným z nasledujúcich spôsobov:

1. skopírujte obrázok symbolu z okna prehliadača do okna vášho vizuálneho html editora
2. skopírujte html kód symbolu priamo do kódu html dokumentu

Prosím pochopte, že ide o dva rôzne spôsoby:

1. vložiť vizuál do vizuálu
2. vložte kód do kódu.

Písmo pre symbol, jeho veľkosť a farbu v HTML je možné nastaviť pomocou kódu ako:
CHARACTER_CODE
Kde,
Arial - písmo,
10px - veľkosť písma v pixeloch,
#ff0000 - kód farby písma (červená)

Napríklad:
☎ - veľkosť písma znakov 30px,
☎ - veľkosť písma symbolu 30px, farba - červená
☎ - veľkosť písma znakov 20px,
☎ - veľkosť písma symbolu 10px.
Poznámka Odporúčané fonty na vkladanie špeciálnych znakov sú Arial, Verdana a Tahoma. Tieto fonty správne zobrazujú znaky Unicode a samotné ich správne podporujú webové aplikácie.

1. "symbol"
   (zobrazenie viditeľného symbolu)
   Z tohto stĺpca môžete skopírovať obrázok symbolu a vložiť ho do okna html textového editora. Symbol sa skopíruje s veľkosťou písma 20 pixelov. Po dokončení kopírovania môže byť potrebné individuálne prispôsobiť veľkosť písma priamo kopírovanému znaku.
2. "Názov"
   (len pre dôležité alebo nejasné znaky)
   Vysvetlenie účelu symbolu, jeho rozsah, príklady...
3. "mnemotechnické pomôcky"
   Mnemotechnická pomôcka je abecedná konštrukcia tvaru ", označujúca abecedný kód znaku v HTML. Vkladá sa priamo do html kódu html dokumentu. Mnemotechniky sú veľmi obľúbené medzi profesionálnymi dizajnérmi layoutov. Ľudia si ich dokonale zapamätajú a sú podporované všetkými html aplikáciami. Každá mnemotechnická pomôcka obsahuje abecedný názov (označenie ) svojho symbolu a servisný znak (&), ktorý slúži ako signál prehliadaču na prečítanie kódu a nezobrazuje sa na obrazovke monitora. Každá mnemotechnická pomôcka je jedinečná a ľahko čitateľná, pretože je odvodená z anglického slova, ktoré symbol charakterizuje.

   Mnemotechnika (grécky) - umenie zapamätať si niečo. Mnemotechnické pomôcky sa používajú na uľahčenie vnímania ťažko zapamätateľných informácií, keď sa predmet zapamätania dostane do asociatívneho stavu s niečím.

4. "kód"
   Kód – číselný desatinný kód znaku v HTML, napríklad &. Vložené priamo do html kódu html dokumentu. Desatinný kód pozostáva z čísla označujúceho sériové číslo znaku v systéme Unicode a niekoľkých servisných znakov (& a #), ktoré slúžia ako signál prehliadaču na prečítanie kódu a nezobrazujú sa na obrazovke monitora. Desatinný kód je široko používaný a používaný kvôli jeho všestrannosti a ľahkému vnímaniu.

Riadiace znaky v HTML (XHTML)

Riadiace znaky v HTML (XHTML) sú servisné znaky jazyka HTML, ktoré sa používajú v rozložení HTML webovej stránky. Každý prehliadač musí podporovať tieto znaky, pretože bez nich nie je možné správne zobraziť HTML text. Riadiace znaky sa v texte nezobrazujú a pri priamom zadaní z klávesnice ich prehliadač interpretuje ako interpunkčné znamienka, ktoré vyžadujú vykonanie nejakej akcie pri vykreslení stránky na obrazovku.

Je povolené používať riadiace znaky v bežných textoch, kde symbolizujú univerzálne pojmy a prehliadač ich interpretuje ako bežné typografické znaky. Pri použití symbolov služieb v textoch HTML týmto spôsobom je potrebné zadať nie hodnotu samotného symbolu, ale jeho HTML kód. Pretože, opakujem, v opačnom prípade bude prehliadač vnímať symbol služby ako výzvu na akciu a nebude správne zobrazovať HTML text na obrazovke monitora.

Ovládacie symboly a ich HTML kód poznajú a rozumejú všetkým prehliadačom bez výnimky, čo sa, žiaľ, nedá povedať o iných symboloch, ktoré sa môžu v rôznych prehliadačoch zobrazovať nesprávne, alebo ešte horšie, nezobrazovať sa vôbec.

Syntax a interpunkcia

	medzera dĺžky N (bežná medzera)
	medzera dĺžky M (longspace)
-	jemný spojovník (nevytlačiteľný znak)			-	­
‑	spojovník				– ‑
-	čiarka dĺžky N (bežná čiarka)			-	–
—	pomlčka dĺžky M (em pomlčka)			—	—
.	bodka				.
,	čiarka				,
…	elipsy			…	…
:	hrubého čreva				:
;	bodkočiarka				;
!	výkričník				! ǃ
?	otáznik				?
@	"pes"				@
*	"hviezda"				*
#	"mriežka"				#
‘	jeden ľavý horný citát			‘	‘ ‘
’	jeden pravý horný citát			’	’ ’
‚	jediný pravý dolný citát			‚	‚ ‚
“	dvojitý ľavý horný citát			“	“ “
”	dvojitý pravý horný citát			”	” ”
„	dvojitý pravý dolný citát			&bdquo	„ „
«	dvojité úvodzovky v ľavom rohu (Rus)			«	«
»	dvojité pravé rohové úvodzovky (Rus)			»	»
́	prízvuk, príklad: Vasya				́
"	apostrof, príklad: Ty"Ja				"
´	akútny, príklad: Vasya			´	´
¶	odsek (nevytlačiteľný znak)			¶	¶
§	odsek			§	§
ˆ	prízvuk (obrátený vták)			ˆ	ˆ ˆ
˜	malá vlnovka			˜	˜ ˜
¦	vertikálna bodkovaná čiara			¦	¦
(	ľavá zátvorka				(
)	pravá zátvorka				)
〈	ľavá uhlová zátvorka			〈	〈
〉	pravouhlú zátvorku			〉	〉
‹	ľavá uhlová konzola, voliteľná			‹	‹
›	pravý uhlový držiak, voliteľné			›	›
[	hranatá zátvorka vľavo				[
]	hranatá zátvorka vpravo				]
/	lomítko – lomítko znak				/
\	spätné lomítko				\
⁄	lomka (deliaci znak)			⁄	⁄
ǀ	vertikálna lišta				ǀ
ǁ	dvojitá vertikálna lišta				ǁ
‾	prekrytie, príklad: Vasya‾vasya			‾	‾
¯	macron, príklad: Vasya¯vasya			¯	¯

Ochranné známky a mena

+	plus			+	+
−	mínus			−	- −
=	rovná sa				=
±	plus alebo mínus			±	±
×	znak násobenia			×	×
÷	deliaci znak			÷	÷
⋅	bodkový operátor (uprostred riadku)			⋅	· ⋅
∗	operátor hviezdička (v strede riadku)			∗	∗
∼	operátor vlnovky			∼	∼
.	značka zoznamu (v strede riadku)			.	•
¹	horný index "1"			¹	¹
²	horný index "2"			²	²
³	horný index "3"			³	³
Horný a dolný index v HTML (XHTML) možno vložiť pomocou značiek A , respektíve: NUMBER Horný index→ ČÍSLO Horný index NUMBER Dolný index→ NUMBER Dolný index
½	zlomok "jedna polovica"			½	½
⅓	zlomok "jedna tretina"				⅓
¼	zlomok "jedna štvrtina"			¼	¼
¾	zlomok "tri štvrtiny"			¾	¾
№	číselný znak				№
%	percent				%
‰	ppm			‰	‰ ‰
°	stupňa			°	°
′	prvočíslo (minúty, stopy)			′	′
″	dvojité prvočíslo (sekundy, palce) Príklad 1: 30° 25′ 12″ Príklad 2: 25′ 12 ″			″	″
µ	mikro			µ	µ
π	Pi			π	π
ƒ	funkčný znak (nezamieňať s "integrálom")			ƒ	ƒ ƒ
∫	integrálne			∫	∫
∅	prekročená nula, prázdna množina (nezamieňať s "priemerom")			∅	∅
⌀	priemer (nezamieňať s preškrtnutým latinským „o“)				⌀
ø	Latinské „o“ diagonálne prečiarknuté			ø	ø
Ø	Latinské veľké „O“ diagonálne prečiarknuté			Ø	Ø
∏	pracovná značka			∏	∏
∑	súhrnný znak			∑	∑
√	radikálny (druhá odmocnina alebo odmocnina x)			√	√
∝	proporcionálne			∝	∝
∞	nekonečno			∞	∞
∠	rohu			∠	∠
⊥	ortogonálny (kolmý)			⊥	⊥
∴	podpísať "preto"			∴	∴
≅	približne rovnaké			≅	≅
≈	takmer rovnaké			≈	≈
≠	nerovná sa			≠	≠
≡	identicky			≡	≡
≤	menšie alebo rovnaké			≤	≤
≥	viac alebo rovné			≥	≥
∧	logické AND			∧	∧
∨	logické ALEBO			∨	∨
⊕	znamienko plus v kruhu (priama suma)			⊕	⊕
⊗	znak násobenia v kruhu (krížový súčin, šípka od pozorovateľa)			⊗	⊗
ʘ	bodka v kruhu (šípka k pozorovateľovi)				ʘ

				✵ ✵

Dnes sa to dozviete ako vytvoriť začiarkavacie políčko v HTML a pridať k nemu CSSštýlov pre lepšiu kompatibilitu s dizajnom stránky.

Demonštrácia

Začiarkavacie políčko v HTML

Vytvorme blok so štyrmi zaškrtávacími políčkami, pričom prvé bude označené zaškrtnutím. Každé začiarkavacie políčko bude uzavreté v značke štítok, vo vnútri ktorého sa nachádza vstupné pole, text a prvok rozpätie byť štylizovaný.

Jeden

Dva

Tri

Štyri

Tag štítok slúži ako kontajner pre každý checkbox, pre prehľadnosť som tagu dočasne nastavil červený rám štítok. Keď máte málo skúseností, je to dobrý spôsob, ako vidieť hranice akejkoľvek značky, aby ste nekonali slepo.

CSS pre začiarkavacie políčko

Značka riadku štítok, nahraďte ho blokom (zobrazenie: blok) tak, aby boli začiarkavacie políčka pod sebou, užívateľský výber: žiadny– zabraňuje užívateľovi vybrať prvok.

Kontajner (
displej: blok;
user-select: none;
}

Tento kód skrýva predvolené štýly prehliadača pre začiarkavacie políčko. Prvok robíme úplne transparentným tým nepriehľadnosť, šírka A výška s nulovou hodnotou a namiesto nich nastavte vlastné štýly pre začiarkavacie políčko.

Vstup kontajnera (
nepriehľadnosť: 0;
výška: 0;
šírka: 0;
}

Vytvárame vlastné zaškrtávacie políčka. Zmeňte veľkosť a farbu pozadia.

Fajka (
výška: 23px;
šírka: 22px;
farba pozadia: #eec321;
}

Keď umiestnite kurzor myši, farbu pozadia trochu stmavte.

Container:hover input ~ .checkmark (
farba pozadia: #ccc678;
}

Pre začiarknuté políčko nastavte inú farbu pozadia.

Vstup kontajnera:začiarknuté ~ .začiarknutie (
farba pozadia: #2196f3;
}

Skrytie začiarkavacieho políčka pre nezačiarknuté políčka pomocou pseudoprvku po.

Začiarknutie: po (
obsah: "";
pozícia: absolútna;
displej: žiadny;
}

Začiarknutie je viditeľné iba pre začiarknuté políčka.

Vstup kontajnera:začiarknuté ~ .checkmark:after (
displej: blok;
}

Nakreslite a štylizujte značku začiarknutia. Na polotovar nakreslíme začiarknutie CSS. Nakreslíme obdĺžnik s bielym rámom, dve strany obdĺžnika nemajú rám (nulová šírka), dostaneme obdĺžnikový roh, otočíme ho o 45 stupňov a dostaneme začiarknutie.

Špeciálne znaky sú technické znaky, ktoré nie sú zobrazené na klávesnici a sú zakódované pomocou UNICODE alebo iného metajazyka. Špeciálne znaky sú rozdelené do skupín: matematické, grécka abeceda, ISO 8859-1 a iné. Prečo sú potrebné a ako ich používať, prečítajte si ďalej v článku.

Používanie špeciálnych znakov pri písaní dokumentov

Použitie je na nasledujúce účely:

1. Dodáva článku úplnosť a estetiku. Špeciálne znaky vám pomôžu rýchlo pochopiť rozmerové hodnoty alebo prečítať historické meno v latinčine alebo gréčtine.
2. Niektoré prvky zabezpečujú správne rozloženie dokumentu. Napríklad „“ a „“ sú rôzne, prvé sa prenášajú štandardnými prostriedkami, ostatné prostredníctvom špeciálnych znakov.
3. Usporiadanie matematických dokumentov sa nezaobíde bez znalosti hlavných skupín prvkov.

Základné znaky

Materiál vám umožní nájsť špeciálne znaky v príslušnom kódovaní pre rýchle vloženie do textu.

Vzhľad	Označenie	HTML kód	CSS kód
☃	Snehuliak	☃	\2603
☦	Pravoslávny kríž	☦	\2626
⚓	Kotva	⚓	\2693
✆	Telefónna značka	✆	\2706
☎	Telefón	☎	\260E
☕	Horúce nápoje	☕	\2615
✎	Ceruzka smerujúca nadol	✎	\270E
✏	Ceruzka	✏	\270F
✐	Ceruzka smerujúca nahor doprava	✐	\2710
✑	Prázdny hrot	✑	\2711
✒	Naplnený hrot pera	✒	\2712
⚜	fleur-de-lis	⚜	\269C
⛑	Prilba s bielym krížom	⛑	\26D1
⚝	Kreslená biela hviezda	⚝	\269D
❄	snehová vločka	❄	\2744
❤	Odtieňované odvážne srdce	❤	\2764
❅	Snehová vločka obložená ďatelinami	❅	\2745
❆	Tučná snehová vločka s ostrým uhlom	❆	\2746
★	Zatienená hviezda	★	\2605
☆	Prázdna hviezda	☆	\2606
✪	Nevyplnená hviezda vo vyplnenom kruhu	✪	\272A
✫	Vyplnená hviezda s otvoreným kruhom vo vnútri	✫	\272B
✯	Rotujúca hviezda	✯	\272F
❉	Hviezda s guľovitými koncami	❉	\2749
❋	Odvážna osemcípa hviezdicová vrtuľa v tvare kvapky	❋	\274B
✲	Hviezda s prázdnym stredom	✲	\2732
☀	Maľované slnko s lúčmi	☀	\2600
☁	Mraky	☁	\2601
☂	Dáždnik	☂	\2602
☑	Zaškrtnite štvorec	☑	\2611
☒	Kríž na námestí	☒	\2612
☹	Zamračený emotikon	☹	\2639
☺	Usmievavý emotikon	☺	\263A
☻	Tieňovaný usmievavý emotikon	☻	\263B
☭	Kosák a kladivo	☭	\262D
⚑	Vyplnená vlajka	⚑	\2691
⚐	Prázdna vlajka	⚐	\2690
☰	Trigram	☰	\2630
✿	Maľovaný kvet	✿	\273f
❀	Prázdny kvet	❀	\2740
✾	Kvet so šiestimi okvetnými lístkami	✾	\273E
❁	Farebný obrysový kvet	❁	\2741
❂	Kvet z bodiek	❂	\2742
✉	Obálka	✉	\2709
❦	Srdce v podobe kvetu	❦	\2766
❶	Číslo 1	❶	\2776
❷	číslo 2	❷	\2777
❸	číslo 3	❸	\2778
❹	číslo 4	❹	\2779
❺	číslo 5	❺	\277A
❻	číslo 6	❻	\277B
❼	Číslo 7	❼	\277C
❽	Číslo 8	❽	\277D
➒	číslo 9	➒	\2792
➓	Číslo 10	➓	\2793
✖	Tučný znak násobenia	✖	\2716
✘	Tučný kríž	✘	\2718
✔	Tučné začiarknutie	✔	\2714
✚	Tukový kríž	✚	\271A
⚛	Symbol atómu	⚛	\269B
♺	Symbol recyklácie	♺	\267A
❑	Nevyplnený štvorec s pravým dolným tieňom	❑	\2751
❒	Nevyplnený štvorec s pravým horným tieňom	❒	\2752
◈	Diamant v ráme	◈	\25C8
◐	Kruh s vyplnenou ľavou polovicou	◐	\25D0
◑	Zakrúžkujte s vyplnenou pravou polovicou	◑	\25D1
⁂	Tri hviezdičky	⁂	\2042

Interpunkčné znamienka

Vzhľad	Označenie	HTML kód	CSS kód
<	Znak menšie ako (začiatok značky)	<	\003C
>	Znamienko väčšie ako (koniec značky)	>	\003E
«	Ľavá dvojitá uhlová konzola	«	\00AB
»	Pravá dvojitá uhlová konzola	»	\00BB
‹	Jednoduchý úvodzovka v ľavom rohu	‹	\2039
›	Jednoduchý citát v pravom rohu	›	\203A
«	Dvojitý citát	"	\0022
′	Jediný zdvih	′	\2032
″	Dvojitý zdvih	″	\2033
‘	Ľavý jediný citát	‘	\2018
’	Správny jediný citát	’	\2019
‚	Spodný jednoduchý citát	‚	\201A
“	Ľavý dvojitý úvodzovka	“	\201C
”	Správny dvojitý citát	”	\201D
„	Spodný dvojitý úvodzovka	„	\201E
❜	Tučná jedna úvodná čiarka	❜	\275C
❛	Tučná jedna otočená horná čiarka	❛	\275B
&	Ampersand	&	\0026
‘	apostrof (jediný citát)	"	\0027
§	Odsek	§	\00A7
©	Znak autorských práv		\00A9
¬	Negačný znak	¬	\00AC
®	Registrovaná ochranná známka	®	\00AE
¯	Macron	¯	\00AF
°	Titul	°	\00B0
±	Plus-mínus	±	\00B1
¹	Horný index "1"	¹	\00B9
²	Horný index "2"	²	\00B2
³	Horný index "3"	³	\00B3
¼	Jedna štvrtina	¼	\00BC
½	Polovica	½	\00BD
¾	Tri štvrtiny	¾	\00BE
´	Značka prízvuku	´	\00B4
µ	Micro	µ	\00B5
¶	Označenie odseku	¶	\00B6
·	Znak násobenia	·	\00B7
¿	Obrátený otáznik	¿	\00BF
ƒ	Florinské znamenie	ƒ	\0192
™	Značka ochrannej známky	™	\2122
	Značka zoznamu	.	\2022
…	Elipsa	…	\2026
‾	Prekrytie	‾	\203E
–	Em pomlčka	-	\2013
-	Em pomlčka	—	\2014
‰	ppm	‰	\2030
}	Pravá kučeravá ortéza	}	\007D
{	Ľavá kučeravá ortéza	{	\007B
=	Znak rovnosti	=	\003D
≠	Znak nerovnosti	≠	\2260
≅	Kongruencia (geometrická rovnosť)	≅	\2245
≈	Takmer rovnaké	≈	\2248
≤	Menšie alebo rovnaké	≤	\2264
≥	Väčšie alebo rovné	≥	\2265
∠	Rohový	∠	\2220
⊥	Kolmo (tlačidlo hore)	⊥	\22A5
√	Odmocnina	√	\221A
∑	N-árny súčet	∑	\2211
∫	Integrálne	∫	\222B
※	Znak poznámky pod čiarou	※	\203B
÷	Znak divízie	÷	\00F7
∞	Znak nekonečna	∞	\221E
@	Symbol psa	@	\0040
[	Ľavá hranatá zátvorka	[	\005B
]	Pravá hranatá zátvorka	]	\005D

šípky

Vzhľad	Označenie	HTML kód	CSS kód
←	Ľavá šípka	←	\2190
	Šípka hore		\2191
→	Pravá šípka	→	\2192
↓	Šípka nadol	↓	\2193
↔	Šípka doľava-doprava	↔	\2194
↵	Šípka nadol a doľava – značka návratu vozíka	↵	\21B5
⇐	Dvojitá šípka doľava	⇐	\21D0
⇑	Dvojitá šípka nahor	⇑	\21D1
⇒	Dvojitá šípka doprava	⇒	\21D2
⇓	Dvojitá šípka nadol	⇓	\21D3
⇔	Dvojitá šípka vľavo-vpravo	⇔	\21D4
➠	Lietajúci šíp	➠	\27A0
➤	hrot šípu	➤	\27A4
➥	Zakrivená šípka smerujúca nadol a doprava	➥	\27A5
➦	Zakrivená šípka smerujúca nahor a doprava	➦	\27A6
➳	Šípka doprava	➳	\27B3
↺		↺	\21BA
↻	Okrúhla šípka s hrotom proti smeru hodinových ručičiek	↻	\21BB
⇧	Hrubá dutá šípka nahor	⇧	\21E7
↩	Šípka doľava s háčikom	↩	\21A9
➫	Šípka nadol	➫	\27AB
⬇	Vyplnená šípka nadol	⬇	\2B07
⬆	Vyplnená šípka	⬆	\2B06

Kartové obleky, znamenia zverokruhu a ikony meny

Vzhľad	Označenie	HTML kód	CSS kód
♠	"piky"	♠	\2660
♣	"kluby"	♣	\2663
	"srdcia"		\2665
♦	"diamanty"	♦	\2666
♡	Obrys "Srdce"	♡	\2661
♢	Obrys "Tamburíny"	♢	\2662
♤	Obrys vrcholov	♤	\2664
♧	Prehľad "Kluby"	♧	\2667
¢	Cent	¢	\FFE0
£	GBP	£	\FFE1
₽	ruský rubeľ	₽	\20BD
¥	Yen alebo Yuan	¥	\00A5
€	eur	€	\20AC
$	dolár	$	\0024
₴	Hrivna znak	₴	\20B4
₹	indická rupia	₹	\20B9
圓	CNY	圓	\5713
₸	kazašské tenge	₸	\20B8
♈	Baran	♈	\2648
♉	Býk	♉	\2649
♊	Dvojičky	♊	\264A
♋	Rakovina	♋	\264B
♌	Lev	♌	\264C
♍	Panna	♍	\264D
♎	Váhy	♎	\264E
♏	Scorpion	♏	\264F
♐	Strelec	♐	\2650
♑	Kozorožec	♑	\2651
♒	Vodnár	♒	\2652
♓	Ryby	♓	\2653

grécka abeceda

List	malými písmenami		hlavné mestá
	symbol	html kód	symbol	html kód
alfa	α	α	Α	Α
beta	β	β	Β	Β
gama	γ	γ	Γ	Γ
delta	δ	δ	Δ	Δ
epsilon	ε	ε	Ε	Ε
zeta	ζ	ζ	Ζ	Ζ
toto	η	η	Η	Η
theta	θ	θ	Θ	Θ
iota	ι	ι	Ι	Ι
kappa	κ	κ	Κ	Κ
lambda	λ	λ	Λ	Λ
mu	μ	μ	Μ	Μ
nahá	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
omikrón	ο	ο	Ο	Ο
pi	π	π	Π	Π
ro	ρ	ρ	Ρ	Ρ
sigma	σ	σ	Σ	Σ
konečná sigma	ς	ς
tau	τ	τ	Τ	Τ
upsilon	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
hee	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
omega	ω	ω	Ω	Ω

Ako to využiť v praxi

Bez ohľadu na CMS sa článok pridáva pomocou vizuálneho editora a verzie HTML. Všetky špeciálne znaky v kódovaní je možné vložiť iba v druhom prípade. Pre správne používanie nástrojov sa odporúča vziať na vedomie tabuľky, ktoré zobrazujú kód a externú reprezentáciu.

Upozorňujeme, že ak do vizuálnej reprezentácie článku vložíte znak, prvok sa prevedie na zodpovedajúci kód v HTML. Pri manuálnom zadávaní informácií zvážte prípad, ktorý ovplyvňuje konečný výsledok.