Ten temat obejmuje różne kształty kursorów, przycisk w postaci obrazka, wykresy graficzne, tabelę znaków HTML, listę kolorów, przycisk wstecz i do przodu, narzędzia wyboru kolorów, itd…
Zmienić kształt kursora
Zmiana kursora
1 | <div style="cursor: move;">Zmiana kursora</div> |
Zmiana kursora
1 | <div style="cursor:help;">Zmiana kursora</div> |
Zmiana kursora
1 | <div style="cursor:copy;">Zmiana kursora</div> |
Zmiana kursora
1 | <div style="cursor:pointer;">Zmiana kursora</div> |
Przycisk w postaci obrazka
1 | <button type="submit"><img src="link do zdjęcia" align=absMiddle></button> |
Wykresy graficzne
1 2 3 4 5 | <div style="float: left; width:10%; height:16px; background-color:#930;"> </div> <div style="float: none;"> 5% — Yandex</div> <div style="float: left; width:25%; height:16px; background-color:#990;"> </div> <div style="float: none;"> 25% — Yahoo</div> <div style="float: left; width:40%; height:16px; background-color:#690"> </div> <div style="float: none;"> 70% — Google</div> |
5% — Yandex
25% — Yahoo
70% — Google
| Pełna tabela znaków specjalnych kodu HTML | |||||||||
| / | ⁄ | € | € | ™ | ™ | ® | ® | © | © |
| ‚ | ′ | ” | ″ | ‹ | ‹ | › | › | ? | ‾ |
| † | † | ‡ | ‡ | • | • | … | … | ‰ | ‰ |
| ‘ | ‘ | ’ | ’ | ‚ | ‚ | “ | “ | ” | ” |
| – | – | ~ | ˜ | ^ | ˆ | š | š | Š | Š |
| Y | Ÿ | o | œ | O | Œ | y | ÿ | ? | þ |
| ý | ý | ü | ü | ú | û | o | ù | ÷ | ÷ |
| ö | ö | o | õ | ô | ô | ó | ó | o | ò |
| n | ñ | ? | ð | i | ï | î | î | í | í |
| i | ì | ë | ë | e | ê | é | é | e | è |
| ç | ç | a | æ | a | å | ä | ä | a | ã |
| â | â | á | á | a | à | ß | ß | ? | Þ |
| ? | ¿ | × | × | Ý | Ý | Ü | Ü | U | Û |
| Ú | Ú | U | Ù | O | Ø | O | Õ | Ô | Ô |
| Ó | Ó | O | Ò | N | Ñ | ? | Ð | I | Ï |
| Î | Î | Í | Í | I | Ì | Ë | Ë | E | Ê |
| A | Å | A | Æ | Ç | Ç | E | È | É | É |
| Ä | Ä | A | À | Á | Á | Â | Â | A | Ã |
| ° | ° | » | » | 1 | ¼ | 1 | ½ | 3 | ¾ |
| „ | " | & | & | < | < | > | > | c | ¢ |
| L | £ | ¤ | ¤ | Y | ¥ | ¦ | ¦ | § | § |
| ! | ¡ | a | ª | « | « | ¬ | ¬ |   | |
| — | ¯ | ± | ± | 1 | ¹ | 2 | ² | 3 | ³ |
| ´ | ´ | µ | µ | ¶ | ¶ | · | · | ¸ | ¸ |
| ☎ | ☎ | ☏ | ☏ | ☚ | ☚ | ☛ | ☛ | ☜ | ☜ |
| ☝ | ☝ | ☞ | ☞ | ☟ | ☟ | ☀ | ☀ | ☁ | ☁ |
| ☂ | ☂ | ☃ | ☃ | ☄ | ☄ | ★ | ★ | ☆ | ☆ |
| ☇ | ☇ | ☠ | ☠ | ☡ | ☡ | ☢ | ☢ | ☣ | ☣ |
| ☤ | ☤ | ☥ | ☥ | ☦ | ☦ | ☧ | ☧ | ☨ | ☨ |
| ☩ | ☩ | ☪ | ☪ | ϑ | ☫ | ☬ | ☬ | ☭ | ☭ |
| ☮ | ☮ | ☯ | ☯ | ☸ | ☸ | ☺ | ☺ | ☻ | ☻ |
| ☼ | ☼ | ☽ | ☽ | ☾ | ☾ | ☿ | ☿ | ♀ | ♀ |
| ♁ | ♁ | ♂ | ♂ | ♃ | ♃ | ♄ | ♄ | ♅ | ♅ |
| ♆ | ♆ | ♇ | ♇ | ♈ | ♈ | ♉ | ♉ | ♊ | ♊ |
| ♋ | ♋ | ♌ | ♌ | ♍ | ♍ | ♎ | ♎ | ♏ | ♏ |
| ♐ | ♐ | ♑ | ♑ | ♒ | ♒ | ♓ | ♓ | ♔ | ♔ |
| ♕ | ♕ | ♖ | ♖ | ♗ | ♗ | ♘ | ♘ | ♙ | ♙ |
| ♚ | ♚ | ♛ | ♛ | ♜ | ♜ | ♝ | ♝ | ♞ | ♞ |
| ♟ | ◻ | ♠ | ♠ | ♡ | ◽ | ♢ | ◾ | ♣ | ◿ |
| ♤ | ♤ | ♥ | ♥ | ♦ | ♦ | ♧ | ♧ | ♨ | ♨ |
| ♩ | ♩ | ♪ | ♪ | ♫ | ⒋ | ♬ | ♬ | ♭ | ♭ |
| ♮ | ♮ | ♯ | ♯ | ♰ | ♰ | ♱ | ♱ | ♲ | ♲ |
| ✡ | ✡ | 卍 | 卍 | ↯ | ↯ | ✄ | ✄ | ✈ | ✈ |
Lista kolorów
•Tekst 1
•Tekst 2
•Tekst 3
1 2 3 4 5 | <font color=red>•</font>Tekst 1 <font color=blue>•</font>Tekst 2 <font color=green>•</font>Tekst 3 |
Przycisk wstecz
1 | <form><input type="button" value="Wstecz" onclick="history.go(-1)"></form> |
1 | <a href="javascript:history.go(-1)">Wstecz</a> |
Przycisk do przodu
1 | <form><input type="button" value="Do przodu" onclick="history.go(+1)"></form> |
1 | <a href="javascript:history.go(+1)">Do przodu</a> |
Narzędzia wyboru colorów
1 | <object type=application/x-shockwave-flash data="link do pliku .swf" width=500 height=400><param name=movie value="link do pliku .swf"></object> |
