TlačiťTlačiť Slovenčina English Hľadať RSS

© 2005 – 2024 Roman Horváth, všetky práva vyhradené. Dnes je 23. 4. 2024.

Stránka sa načítava, prosím čakajte…

Dátum: 8. 4. 2014, pred viacerými rokmi, aktualizované: 31. 7. 2020, pred štyrmi rokmi

Tabuľka znakov Unicode otvárané v novom okne
(obvykle ide o externý odkaz) definuje mnoho znakov. otvárané v novom okne
(obvykle ide o externý odkaz) Niektoré z nich súvisia so známymi ikonakartovými, otvárané v novom okne
(obvykle ide o externý odkaz) 142,73 kB (139,38 KiB), 25. 8. 2023 ikonakameňovými otvárané v novom okne
(obvykle ide o externý odkaz) 83,36 kB (81,41 KiB), 25. 8. 2023 alebo figúrkovými hrami. Tento článok čerpá z ikonatabuľky znakov otvárané v novom okne
(obvykle ide o externý odkaz) 416,81 kB (407,04 KiB), 25. 8. 2023 tie, ktoré reprezentujú šachové figúrky. Sú použiteľné na hodinách programovania pri implementácii niektorých algoritmov, resp. pri spracovaní ich vizuálnej stránky.

biele čierne
kráľ kráľ
dáma dáma
veža veža
strelec strelec
jazdec jazdec
pešiak pešiak

 
  

Ukážka použitia v rámci jednoduchej webovej stránky

<!DOCTYPE html>
<html lang="en">
<!--
Chess pieces
————————————

White
—————

king	♔	U+2654	&#9812;
queen	♕	U+2655	&#9813;
rook	♖	U+2656	&#9814;
bishop	♗	U+2657	&#9815;
knight	♘	U+2658	&#9816;
pawn	♙	U+2659	&#9817;

Black
—————

king	♚	U+265A	&#9818;
queen	♛	U+265B	&#9819;
rook	♜	U+265C	&#9820;
bishop	♝	U+265D	&#9821;
knight	♞	U+265E	&#9822;
pawn	♟	U+265F	&#9823;
-->
<head>
<meta charset="UTF-8" />
<title>Chessboard</title>
<style>

table.chessboard
{
	border-collapse: collapse;
}

table.chessboard tr td
{
	width: 40px;
	height: 40px;
	text-align: center;
	font-family: sans-serif;
	font-size: 32px;
}

table.chessboard tr td:first-child, table.chessboard tr td:last-child,
table.chessboard tr:first-child td, table.chessboard tr:last-child td
{
	font-size: 16px;
}

table.chessboard tr:nth-child(2n+1) td:nth-child(2n+2),
table.chessboard tr:nth-child(2n+2) td:nth-child(2n+1)
{
	background-color: #CCC;
}

table.chessboard tr:nth-child(1) td:nth-child(n),
table.chessboard tr:nth-child(2n+1) td:first-child,
table.chessboard tr:nth-child(2n+1) td:last-child,
table.chessboard tr:nth-child(2n+2) td:first-child,
table.chessboard tr:nth-child(2n+2) td:last-child,
table.chessboard tr:last-child td:nth-child(n)
{
	background-color: inherit;
}

table.chessboard tr:nth-child(2) td:nth-child(n+2):nth-child(-n+9)
{
	border-top: 2px solid black;
}

table.chessboard tr:nth-child(9) td:nth-child(n+2):nth-child(-n+9)
{
	border-bottom: 2px solid black;
}

table.chessboard tr:nth-child(n+2):nth-child(-n+9) td:nth-child(2)
{
	border-left: 2px solid black;
}

table.chessboard tr:nth-child(n+2):nth-child(-n+9) td:nth-child(9)
{
	border-right: 2px solid black;
}

</style>
</head>

<body>

<table class="chessboard">
<tbody>
<tr><td>&nbsp;</td><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>&nbsp;</td></tr>
<tr><td>8</td><td>♜</td><td>♞</td><td>♝</td><td>♛</td><td>♚</td><td>♝</td><td>♞</td><td>♜</td><td>8</td></tr>
<tr><td>7</td><td>♟</td><td>♟</td><td>♟</td><td>♟</td><td>♟</td><td>♟</td><td>♟</td><td>♟</td><td>7</td></tr>
<tr><td>6</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>6</td></tr>
<tr><td>5</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>5</td></tr>
<tr><td>4</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>4</td></tr>
<tr><td>3</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>3</td></tr>
<tr><td>2</td><td>♙</td><td>♙</td><td>♙</td><td>♙</td><td>♙</td><td>♙</td><td>♙</td><td>♙</td><td>2</td></tr>
<tr><td>1</td><td>♖</td><td>♘</td><td>♗</td><td>♕</td><td>♔</td><td>♗</td><td>♘</td><td>♖</td><td>1</td></tr>
<tr><td>&nbsp;</td><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>&nbsp;</td></tr>
</tbody>
</table>

</body>
</html>

 

Výsledok

 abcdefgh 
88
77
6        6
5        5
4        4
3        3
22
11
 abcdefgh