Pierwszym warunkiem nieśmiertelności jest śmierć
Zajęcia specjalizacyjne: III klasa TI
HTML
Ćwiczenie 9 - Kolory i znaki specjalne
Zadania do wykonania:
W ćwiczeniu 9 zajmować się będziemy kolorami i znakami specjalnymi.
Barwę można utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony i niebieski (rgb - od angielskich słów: red - czerwony, green - zielony, blue - niebieski).
Nasycenie każdego z kolorów zapisujemy w definicji barwy w postaci: #rrggbb, gdzie: rr - nasycenie koloru czerwonego (wartości od 0 do 255); gg - nasycenie zielonego (wartości od 0 do 255); bb - nasycenie niebieskiego (wartości od 0 do 255). Natomiast znak # oznacza, że definiujemy kolor w kodzie HEX - heksadecymalnym.
Wszystkie składowe muszą być podane w systemie szesnastkowym i poprzedzone znakiem #. Liczba musi się składać z sześciu cyfr, nawet jeśli są to same zera. W systemie szesnastkowym (HEX) jest szesnaście podstawowych cyfr: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f.
źródło: www.kurshtml.boo.pl
Poniżej umieszczonych zostało 16 podstawowych kolorów, dla których możemy użyć nazwy angielskiej zamiast zapisu heksadecymalnego. Dla pozostałych kolorów konieczny jest zapis: #rrggbb.
Pod kolorami podstawowymi umieszczone zostały inne wybrane kolory. Natomiast ilość wszystkich możliwych kolorów do uzyskania wynosi 256x256x256 czyli 16777216.
Polecam bardzo pomocny program do definiowania kolorów: RGBtoHEX - do pobrania tutaj (418KB).
| nazwa | #rrggbb | kolor |
|---|---|---|
| black | #000000 | |
| silver | #c0c0c0 | |
| gray | #808080 | |
| white | #ffffff | |
| maroon | #800000 | |
| red | #ff0000 | |
| purple | #800080 | |
| fuchsia | #ff00ff | |
| green | #008000 | |
| lime | #00ff00 | |
| olive | #808000 | |
| yellow | #ffff00 | |
| navy | #000080 | |
| blue | #0000ff | |
| teal | #008080 | |
| aqua | #00ffff |
| #rrggbb | kolor |
|---|---|
| #000000 | |
| #000033 | |
| #000066 | |
| #000099 | |
| #0000cc | |
| #0000ff | |
| #003300 | |
| #003333 | |
| #003366 | |
| #003399 | |
| #0033cc | |
| #0033ff | |
| #006600 | |
| #006633 | |
| #006666 | |
| #006699 | |
| #0066cc | |
| #0066ff | |
| #009900 | |
| #009933 | |
| #009966 | |
| #009999 | |
| #0099cc | |
| #0099ff | |
| #00cc00 | |
| #00cc33 | |
| #00cc66 | |
| #00cc99 | |
| #00cccc | |
| #00ccff | |
| #00ff00 | |
| #00ff33 | |
| #00ff66 | |
| #00ff99 | |
| #00ffcc | |
| #00ffff | |
| #330000 | |
| #330033 | |
| #330066 | |
| #330099 | |
| #3300cc | |
| #3300ff | |
| #333300 | |
| #333333 | |
| #333366 | |
| #333399 | |
| #3333cc | |
| #3333ff | |
| #336600 | |
| #336633 | |
| #336666 | |
| #336699 | |
| #3366cc | |
| #3366ff | |
| #339900 | |
| #339933 | |
| #339966 | |
| #339999 | |
| #3399cc | |
| #3399ff | |
| #33cc00 | |
| #33cc33 | |
| #33cc66 | |
| #33cc99 | |
| #33cccc | |
| #33ccff | |
| #33ff00 | |
| #33ff33 | |
| #33ff66 | |
| #33ff99 | |
| #33ffcc | |
| #33ffff | |
| #660000 | |
| #660033 | |
| #660066 | |
| #660099 | |
| #6600cc | |
| #6600ff | |
| #663300 | |
| #663333 | |
| #663366 | |
| #663399 | |
| #6633cc | |
| #6633ff | |
| #666600 | |
| #666633 | |
| #666666 | |
| #666699 | |
| #6666cc | |
| #6666ff | |
| #669900 | |
| #669933 | |
| #669966 | |
| #669999 | |
| #6699cc | |
| #6699ff | |
| #66cc00 | |
| #66cc33 | |
| #66cc66 | |
| #66cc99 | |
| #66cccc | |
| #66ccff | |
| #66ff00 | |
| #66ff33 | |
| #66ff66 | |
| #66ff99 | |
| #66ffcc | |
| #66ffff | |
| #990000 | |
| #990033 | |
| #990066 | |
| #990099 | |
| #9900cc | |
| #9900ff | |
| #993300 | |
| #993333 | |
| #993366 | |
| #993399 | |
| #9933cc | |
| #9933ff | |
| #996600 | |
| #996633 | |
| #996666 | |
| #996699 | |
| #9966cc | |
| #9966ff | |
| #999900 | |
| #999933 | |
| #999966 | |
| #999999 | |
| #9999cc | |
| #9999ff | |
| #99cc00 | |
| #99cc33 | |
| #99cc66 | |
| #99cc99 | |
| #99cccc | |
| #99ccff | |
| #99ff00 | |
| #99ff33 | |
| #99ff66 | |
| #99ff99 | |
| #99ffcc | |
| #99ffff | |
| #cc0000 | |
| #cc0033 | |
| #cc0066 | |
| #cc0099 | |
| #cc00cc | |
| #cc00ff | |
| #cc3300 | |
| #cc3333 | |
| #cc3366 | |
| #cc3399 | |
| #cc33cc | |
| #cc33ff | |
| #cc6600 | |
| #cc6633 | |
| #cc6666 | |
| #cc6699 | |
| #cc66cc | |
| #cc66ff | |
| #cc9900 | |
| #cc9933 | |
| #cc9966 | |
| #cc9999 | |
| #cc99cc | |
| #cc99ff | |
| #cccc00 | |
| #cccc33 | |
| #cccc66 | |
| #cccc99 | |
| #cccccc | |
| #ccccff | |
| #ccff00 | |
| #ccff33 | |
| #ccff66 | |
| #ccff99 | |
| #ccffcc | |
| #ccffff | |
| #ff0000 | |
| #ff0033 | |
| #ff0066 | |
| #ff0099 | |
| #ff00cc | |
| #ff00ff | |
| #ff3300 | |
| #ff3333 | |
| #ff3366 | |
| #ff3399 | |
| #ff33cc | |
| #ff33ff | |
| #ff6600 | |
| #ff6633 | |
| #ff6666 | |
| #ff6699 | |
| #ff66cc | |
| #ff66ff | |
| #ff9900 | |
| #ff9933 | |
| #ff9966 | |
| #ff9999 | |
| #ff99cc | |
| #ff99ff | |
| #ffcc00 | |
| #ffcc33 | |
| #ffcc66 | |
| #ffcc99 | |
| #ffcccc | |
| #ffccff | |
| #ffff00 | |
| #ffff33 | |
| #ffff66 | |
| #ffff99 | |
| #ffffcc | |
| #ffffff |
Pierwsze zadanie polega na wykonaniu tabeli z podstawowymi kolorami:
- tabela z kolorami:
- trzy kolumny: nazwa, #rrggbb, kolor
- szesnaście wierszy - kolorów
Podpowiedź: aby uzyskać jednakową szerokość tekstu w komórkach, w obu kolumnach - nazwa i #rrggbb - należy każdą nazwę i każdy kod koloru objąć znacznikiem <tt>...</tt>. Dzięki temu tekst wyświetlany jest w trybie dalekopisu (każdy znak jest tej samej szerokości) lub o stałych odstępach pomiędzy znakami.
Kolejna część ćwiczenia związana jest ze znakami specjalnymi zwanymi encjami. Istnieje dość duża grupa znaków, których nie można wpisać wprost z klawiatury do edytora HTML, ażeby pojawiły się na stronie WWW.
Prostym przykładem są tutaj symbole oznaczające znaczniki. Wpisanie <p> do edytora będzie równoznaczne z wstawieniem nowego akapitu. Ażeby pojawiły się oba znaki nierówności należy użyć zastępujących je znaków specjalnych.
Poniżej w kilku tabelach zebrane są niektóre znaki specjalne. I tak ażeby napisać <p> należy wpisać: <p> lub <p>. Każdy znak specjalny rozpoczyna znak ampersand (&), a kończy średnik (;). Dlatego żeby pojawił się na stronie znak ampersand (&) należy użyć znaku specjalnego & lub &.
Poniższa tabela wykonana została w oparciu o tabelę encji umieszczonej na: www.kurshtml.boo.pl
W pierwszej kolumnie tabel zawartych dalej widnieje dziesiętny numer danego znaku, w drugiej - jego nazwa. Są one równoważne, dlatego można używać ich zamiennie. Ten drugi zapis jest skrótem od angielskiej nazwy danego symbolu.
Przy wpisywaniu nazwy znaku, ważna jest wielkość liter, np. Α to nie jest to samo co α. W kolumnie Opis znajduje się pełna angielska nazwa wszystkich znaków, dalej - objaśnienie w języku polskim, a na końcu wygląd wybranego symbolu na ekranie.
źródło: www.kurshtml.boo.pl
Szczególnie ważny jest znak ( ) czyli niełamliwej spacji. Pozwala on na połączenie dwóch wyrazów tak, aby nie były rozdzielone poprzez przełamanie wiersza. Ma to zastosowanie szczególnie przy spójnikach, aby nie pozostawały na końcu wiersza.
Edytor kED ułatwia edycję znaków specjalnych. Posiada w menu albo na pasku narzędziowym listę encji albo odrębną zakładkę z tabelą encji, którą można włączyć i albo używać oddzielnie albo zadokować w lewym panelu.
Na kolejnych zrzutach można zobaczyć listę i tabelę encji:
- encje w kEDzie:
- pasek menu
- pasek narzędziowy
- tabela encji
- swobodna
- zadokowana
ISO 8859-1 (Latin-1)
| Numer | Nazwa | Opis | Objaśnienie | Wygląd |
|---|---|---|---|---|
|   | | Non-breaking space | "Niełamliwa" spacja | |
| ¡ | ¡ | Inverted exclamation mark | Znak odwróconego wykrzyknika | ¡ |
| ¢ | ¢ | Cent sign | Znak centa | ¢ |
| £ | £ | Pound sign | Znak funta | £ |
| ¤ | ¤ | Currency sign | Znak waluty | ¤ |
| ¥ | ¥ | Yen sign | Znak jena | ¥ |
| ¦ | ¦ | Broken vertical bar | Przełamana pionowa linia | ¦ |
| § | § | Section sign | Znak sekcji | § |
| ¨ | ¨ | Umlaut (diaeresis) | Umlaut (diereza) | ¨ |
| © | © | Copyright sign | Znak praw autorskich | © |
| ª | ª | Feminine ordinal indicator | Wskaźnik liczebnika porządkowego żeńskiego | ª |
| « | « | Left-pointing double angle quotation mark (left pointing guillemet) | Lewy cudzysłów ostrokątny | « |
| ¬ | ¬ | Not sign | Znak negacji | ¬ |
| ® | ® | Registered trademark sign | Zastrzeżony znak towarowy | ® |
| ¯ | ¯ | Macron accent (overline) | Znak "wzdłużenia" akcentu ("nadkreślenie") | ¯ |
| ° | ° | Degree sign | Znak stopnia | ° |
| ± | ± | Plus-minus sign | Znak plus-minus | ± |
| ² | ² | Superscript two (squared) | Indeks górny dwa (kwadrat) | ² |
| ³ | ³ | Superscript three (cubed) | Indeks górny trzy (sześcian) | ³ |
| ´ | ´ | Acute accent (spacing acute) | Silny akcent | ´ |
| µ | µ | Micro sign | Znak mikro | µ |
| ¶ | ¶ | Paragraph sign (pilcrow sign) | Znak paragrafu | ¶ |
| · | · | Middle dot (Georgian comma) | Środkowa kropka | · |
| ¸ | ¸ | Cedilla | "Haczyk" pod literą | ¸ |
| ¹ | ¹ | Superscript one | Indeks górny jeden | ¹ |
| º | º | Masculine ordinal indicator | Wskaźnik liczebnika porządkowego męskiego | º |
| » | » | Right-pointing double angle quotation mark (right pointing guillemet) | Prawy cudzysłów ostrokątny | » |
| ¼ | ¼ | Vulgar fraction one quarter | Ułamek zwykły jedna czwarta | ¼ |
| ½ | ½ | Vulgar fraction one half | Ułamek zwykły jedna druga | ½ |
| ¾ | ¾ | Vulgar fraction three quarters | Ułamek zwykły trzy czwarte | ¾ |
| ¿ | ¿ | Inverted question mark | Odwrócony znak zapytania | ¿ |
| À | À | Latin capital letter "A" with grave | Łacińska wielka litera "A" z akcentem | À |
| Á | Á | Latin capital letter "A" with acute | Łacińska wielka litera "A" z akcentem mocnym | Á |
| Â | Â | Latin capital letter "A" with circumflex | Łacińska wielka litera "A" z "daszkiem" | Â |
| Ã | Ã | Latin capital letter "A" with tilde | Łacińska wielka litera "A" z tyldą | Ã |
| Ä | Ä | Latin capital letter "A" with diaeresis (umlaut) | Łacińska wielka litera "A" z dierezą | Ä |
| Å | Å | Latin capital letter "A" with ring above | Łacińska wielka litera "A" z kółkiem powyżej | Å |
| Æ | Æ | Latin capital ligature "AE" | Łacińskie wielkie połączenie "AE" | Æ |
| Ç | Ç | Latin capital letter "C" with cedilla | Łacińska wielka litera "C" z "haczykiem" | Ç |
| È | È | Latin capital letter "E" with grave | Łacińska wielka litera "E" z akcentem | È |
| É | É | Latin capital letter "E" with acute | Łacińska wielka litera "E" z akcentem mocnym | É |
| Ê | Ê | Latin capital letter "E" with circumflex | Łacińska wielka litera "E" z "daszkiem" | Ê |
| Ë | Ë | Latin capital letter "E" with diaeresis (umlaut) | Łacińska wielka litera "E" z dierezą | Ë |
| Ì | Ì | Latin capital letter "I" with grave | Łacińska wielka litera "I" z akcentem | Ì |
| Í | Í | Latin capital letter "I" with acute | Łacińska wielka litera "I" z akcentem mocnym | Í |
| Î | Î | Latin capital letter "I" with circumflex | Łacińska wielka litera "I" z "daszkiem" | Î |
| Ï | Ï | Latin capital letter "I" with diaeresis (umlaut) | Łacińska wielka litera "I" z dierezą | Ï |
| Ð | Ð | Latin capital letter "ETH" | Łacińska wielka litera "ETH" | Ð |
| Ñ | Ñ | latin capital letter "N" with tilde | Łacińska wielka litera "N" z tyldą | Ñ |
| Ò | Ò | Latin capital letter "O" with grave | Łacińska wielka litera "O" z akcentem | Ò |
| Ó | Ó | Latin capital letter "O" with acute | Łacińska wielka litera "O" z akcentem mocnym | Ó |
| Ô | Ô | Latin capital letter "O" with circumflex | Łacińska wielka litera "O" z "daszkiem" | Ô |
| Õ | Õ | Latin capital letter "O" with tilde | Łacińska wielka litera "O" z tyldą | Õ |
| Ö | Ö | Latin capital letter "O" with diaeresis (umlaut) | Łacińska wielka litera "O" z dierezą | Ö |
| × | × | Multiplication sign | Znak mnożenia | × |
| Ø | Ø | Latin capital letter "O" slash (stroke) | Łacińska wielka litera "O" z "przecięciem" | Ø |
| Ù | Ù | Latin capital letter "U" with grave | Łacińska wielka litera "U" z akcentem | Ù |
| Ú | Ú | Latin capital letter "U" with acute | Łacińska wielka litera "U" z akcentem mocnym | Ú |
| Û | Û | Latin capital letter "U" with circumflex | Łacińska wielka litera "U" z "daszkiem" | Û |
| Ü | Ü | Latin capital letter "U" with diaeresis (umlaut) | Łacińska wielka litera "U" z dierezą | Ü |
| Ý | Ý | Latin capital letter "Y" with acute | Łacińska wielka litera "Y" z akcentem mocnym | Ý |
| Þ | Þ | Latin capital letter "THORN" | Łacińska wielka litera "THORN" | Þ |
| ß | ß | Latin small letter sharp "s" | Łacińska mała litera "ostre" "s" | ß |
| à | à | Latin small letter "a" with grave | Łacińska mała litera "a" z akcentem | à |
| á | á | Latin small letter "a" with acute | Łacińska mała litera "a" z akcentem mocnym | á |
| â | â | Latin small letter "a" with circumflex | Łacińska mała litera "a" z "daszkiem" | â |
| ã | ã | Latin small letter "a" with tilde | Łacińska mała litera "a" z tyldą | ã |
| ä | ä | Latin small letter "a" with diaeresis (umlaut) | Łacińska mała litera "a" z dierezą | ä |
| å | å | Latin small letter "a" with ring above | Łacińska mała litera "a" z kółkiem powyżej | å |
| æ | æ | Latin small ligature "ae" | Łacińskie małe połączenie "ae" | æ |
| ç | ç | Latin small letter "c" with cedilla | Łacińska mała litera "c" z "haczykiem" | ç |
| è | è | Latin small letter "e" with grave | Łacińska mała litera "e" z akcentem | è |
| é | é | Latin small letter "e" with acute | Łacińska mała litera "e" z akcentem mocnym | é |
| ê | ê | Latin small letter "e" with circumflex | Łacińska mała litera "e" z "daszkiem" | ê |
| ë | ë | Latin small letter "e" with diaeresis (umlaut) | Łacińska mała litera "e" z dierezą | ë |
| ì | ì | Latin small letter "i" with grave | Łacińska mała litera "i" z akcentem | ì |
| í | í | Latin small letter "i" with acute | Łacińska mała litera "i" z akcentem mocnym | í |
| î | î | Latin small letter "i" with circumflex | Łacińska mała litera "i" z "daszkiem" | î |
| ï | ï | Latin small letter "i" with diaeresis (umlaut) | Łacińska mała litera "i" z dierezą | ï |
| ð | ð | Latin small letter "eth" | Łacińska mała litera "eth" | ð |
| ñ | ñ | Latin small letter "n" with tilde | Łacińska mała litera "n" z tyldą | ñ |
| ò | ò | Latin small letter "o" with grave | Łacińska mała litera "o" z akcentem | ò |
| ó | ó | Latin small letter "o" with acute | Łacińska mała litera "o" z akcentem mocnym | ó |
| ô | ô | Latin small letter "o" with circumflex | Łacińska mała litera "o" z "daszkiem" | ô |
| õ | õ | Latin small letter "o" with tilde | Łacińska mała litera "o" z tyldą | õ |
| ö | ö | Latin small letter "o" with diaeresis (umlaut) | Łacińska mała litera "o" z dierezą | ö |
| ÷ | ÷ | Division sign | Znak dzielenia | ÷ |
| ø | ø | Latin small letter "o" slash (stroke) | Łacińska mała litera "o" z "przecięciem" | ø |
| ù | ù | latin small letter "u" with grave | Łacińska mała litera "u" z akcentem | ù |
| ú | ú | latin small letter "u" with acute | Łacińska mała litera "u" z akcentem mocnym | ú |
| û | û | Latin small letter "u" with circumflex | Łacińska mała litera "u" z "daszkiem" | û |
| ü | ü | Latin small letter "u" with diaeresis (umlaut) | Łacińska mała litera "u" z dierezą | ü |
| ý | ý | Latin small letter "y" with acute | Łacińska mała litera "y" z akcentem mocnym | ý |
| þ | þ | Latin small letter "thorn" | Łacińska mała litera "thorn" | þ |
| ÿ | ÿ | Latin small letter "y" with diaeresis (umlaut) | Łacińska mała litera "y" z dierezą | ÿ |
Symbole
| Numer | Nazwa | Opis | Objaśnienie | Wygląd |
|---|---|---|---|---|
| ƒ | ƒ | Latin small "f" with hook (function, florin) | Łacińskie małe "f" z "haczykiem" (funkcja, floren) | ƒ |
| Litery greckie | ||||
| Α | Α | Greek capital letter "alpha" | Grecka wielka litera "alfa" | Α |
| Β | Β | Greek capital letter "beta" | Grecka wielka litera "beta" | Β |
| Γ | Γ | Greek capital letter "gamma" | Grecka wielka litera "gamma" | Γ |
| Δ | Δ | Greek capital letter "delta" | Grecka wielka litera "delta" | Δ |
| Ε | Ε | Greek capital letter "epsilon" | Grecka wielka litera "epsilon" | Ε |
| Ζ | Ζ | Greek capital letter "zeta" | Grecka wielka litera "dzeta" | Ζ |
| Η | Η | Greek capital letter "eta" | Grecka wielka litera "eta" | Η |
| Θ | Θ | Greek capital letter "theta" | Grecka wielka litera "theta" | Θ |
| Ι | Ι | Greek capital letter "iota" | Grecka wielka litera "jota" | Ι |
| Κ | Κ | Greek capital letter "kappa" | Grecka wielka litera "kappa" | Κ |
| Λ | Λ | Greek capital letter "lambda" | Grecka wielka litera "lambda" | Λ |
| Μ | Μ | Greek capital letter "mu" | Grecka wielka litera "mi" | Μ |
| Ν | Ν | Greek capital letter "nu" | Grecka wielka litera "ni" | Ν |
| Ξ | Ξ | Greek capital letter "xi" | Grecka wielka litera "ksi" | Ξ |
| Ο | Ο | Greek capital letter "omicron" | Grecka wielka litera "omikron" | Ο |
| Π | Π | Greek capital letter "pi" | Grecka wielka litera "pi" | Π |
| Ρ | Ρ | Greek capital letter "rho" | Grecka wielka litera "ro" | Ρ |
| Σ | Σ | Greek capital letter "sigma" | Grecka wielka litera "sigma" | Σ |
| Τ | Τ | Greek capital letter "tau" | Grecka wielka litera "tau" | Τ |
| Υ | Υ | Greek capital letter "upsilon" | Grecka wielka litera "ypsilon" | Υ |
| Φ | Φ | Greek capital letter "phi" | Grecka wielka litera "fi" | Φ |
| Χ | Χ | Greek capital letter "chi" | Grecka wielka litera "chi" | Χ |
| Ψ | Ψ | Greek capital letter "psi" | Grecka wielka litera "psi" | Ψ |
| Ω | Ω | Greek capital letter "omega" | Grecka wielka litera "omega" | Ω |
| α | α | Greek small letter "alpha" | Grecka mała litera "alfa" | α |
| β | β | Greek small letter "beta" | Grecka mała litera "beta" | β |
| γ | γ | Greek small letter "gamma" | Grecka mała litera "gamma" | γ |
| δ | δ | Greek small letter "delta" | Grecka mała litera "delta" | δ |
| ε | ε | Greek small letter "epsilon" | Grecka mała litera "epsilon" | ε |
| ζ | ζ | Greek small letter "zeta" | Grecka mała litera "dzeta" | ζ |
| η | η | Greek small letter "eta" | Grecka mała litera "eta" | η |
| θ | θ | Greek small letter "theta" | Grecka mała litera "theta" | θ |
| ι | ι | Greek small letter "iota" | Grecka mała litera "jota" | ι |
| κ | κ | Greek small letter "kappa" | Grecka mała litera "kappa" | κ |
| λ | λ | Greek small letter "lambda" | Grecka mała litera "lambda" | λ |
| μ | μ | Greek small letter "mu" | Grecka mała litera "mi" | μ |
| ν | ν | Greek small letter "nu" | Grecka mała litera "ni" | ν |
| ξ | ξ | Greek small letter "xi" | Grecka mała litera "ksi" | ξ |
| ο | ο | Greek small letter "omicron" | Grecka mała litera "omikron" | ο |
| π | π | Greek small letter "pi" | Grecka mała litera "pi" | π |
| ρ | ρ | Greek small letter "rho" | Grecka mała litera "ro" | ρ |
| ς | ς | Greek small letter "final sigma" | Grecka mała litera "końcowa sigma" | ς |
| σ | σ | Greek small letter "sigma" | Grecka mała litera "sigma" | σ |
| τ | τ | Greek small letter "tau" | Grecka mała litera "tau" | τ |
| υ | υ | Greek small letter "upsilon" | Grecka mała litera "ypsilon" | υ |
| φ | φ | Greek small letter "phi" | Grecka mała litera "fi" | φ |
| χ | χ | Greek small letter "chi" | Grecka mała litera "chi" | χ |
| ψ | ψ | Greek small letter "psi" | Grecka mała litera "psi" | ψ |
| ω | ω | Greek small letter "omega" | Grecka mała litera "omega" | ω |
| ϑ | ϑ | Greek small letter "theta symbol" | Grecka mała litera "theta symbol" (w IE6 tylko czcionka Unicode) | ϑ |
| ϒ | ϒ | Greek "upsilon" with hook symbol | Grecka litera "ypsilon" z symbolem "haczyka" (w IE6 tylko czcionka Unicode) | ϒ |
| ϖ | ϖ | Greek "pi" symbol | Grecki "pi" symbol | ϖ |
| Interpunkcja | ||||
| • | • | Bullet (black small circle) | Małe czarne koło | • |
| … | … | Horizontal ellipsis (three dot leader) | Poziome elipsy (wielokropek) | … |
| ′ | ′ | Prime (minutes, feet) | Prim (minuty, stopy) | ′ |
| ″ | ″ | Double prime (seconds, inches) | Bis (sekundy, cale) | ″ |
| ‾ | ‾ | Overline (spacing overscore) | "Nadkreślenie" | ‾ |
| ⁄ | ⁄ | Fraction slash | Kreska ułamkowa | ⁄ |
| Literowe | ||||
| ™ | ™ | Trade mark sign | Znak handlowy | ™ |
| Strzałki | ||||
| ← | ← | Leftwards arrow | Strzałka w lewo | ← |
| ↑ | ↑ | Upwards arrow | Strzałka w górę | ↑ |
| → | → | Rghtwards arrow | Strzałka w prawo | → |
| ↓ | ↓ | Downwards arrow | Strzałka w dół | ↓ |
| ↔ | ↔ | Left right arrow (horizontal) | Strzałka lewo-prawo | ↔ |
| Matematyczne | ||||
| ∂ | ∂ | Partial differential | Pochodna cząstkowa | ∂ |
| ∏ | ∏ | n-ary product = product sign | Znak mnożenia n-elementów ciągu | ∏ |
| ∑ | ∑ | n-ary sumation | Znak sumowania n-elementów ciągu | ∑ |
| − | − | Minus sign | Znak minus | − |
| √ | √ | Square root (radical sign) | Pierwiastek kwadratowy | √ |
| ∞ | ∞ | Infinity | Nieskończoność | ∞ |
| ∩ | ∩ | Intersection (cap) | Część wspólna (iloczyn) zbiorów | ∩ |
| ∫ | ∫ | Integral | Całka | ∫ |
| ≈ | ≈ | Almost equal to (asymptotic to) | ...prawie równe... | ≈ |
| ≠ | ≠ | Not equal to | ...różne od... | ≠ |
| ≡ | ≡ | Identical to | ...równe tożsamościowo... (identyczne) | ≡ |
| ≤ | ≤ | Less-than or equal to | ...mniejsze lub równe... | ≤ |
| ≥ | ≥ | Greater-than or equal to | ...większe lub równe... | ≥ |
| ⌈ | ⌈ | Left ceiling (apl upstile) | Liczba całkowita, która jest większa lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) | ⌈ |
| ⌉ | ⌉ | Right ceiling | Liczba całkowita, która jest większa lub równa z prawej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) | ⌉ |
| ⌊ | ⌊ | Left floor (apl downstile) | Liczba całkowita, która jest mniejsza lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) | ⌊ |
| ⌋ | ⌋ | Right floor | Liczba całkowita, która jest mniejsza lub równa z prawej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) | ⌋ |
| Geometryczne | ||||
| ◊ | ◊ | Lozenge | Romb | ◊ |
| ♠ | ♠ | Black spade suit | Symbol pik | ♠ |
| ♣ | ♣ | Black club suit (shamrock) | Symbol trefl (koniczyna) | ♣ |
| ♥ | ♥ | Black heart suit (valentine) | Symbol kier (serce) | ♥ |
| ♦ | ♦ | Black diamond suit | Symbol karo | ♦ |
Międzynarodowe
| Numer | Nazwa | Opis | Objaśnienie | Wygląd |
|---|---|---|---|---|
| " | " | Quotation mark (APL quote) | Znak cudzysłowu | " |
| & | & | Ampersand | Ampersand (znak and) | & |
| < | < | Less-than sign | Znak mniejszości | < |
| > | > | Greater-than sign | Znak większości | > |
| Œ | Œ | Latin capital ligature "OE" | Łacińskie wielkie połączenie "OE" | Œ |
| œ | œ | Latin small ligature "oe" | Łacińskie małe połączenie "oe" | œ |
| Š | Š | Latin capital letter "S" with caron | Łacińska wielka litera "S" z odwróconym "daszkiem" | Š |
| š | š | Latin small letter "s" with caron | Łacińska mała litera "s" z odwróconym "daszkiem" | š |
| Ÿ | Ÿ | Latin capital letter "Y" with diaeresis (umlaut) | Łacińska wielka litera "Y" z dierezą | Ÿ |
| ˆ | ˆ | Modifier letter circumflex accent | "Daszek" | ˆ |
| ˜ | ˜ | Small tilde | Mała tylda | ˜ |
| – | – | En dash | Powiększony myślnik | – |
| — | — | Em dash | Uwydatniony myślnik | — |
| ‘ | ‘ | Left single quotation mark | Lewy pojedynczy znak cudzysłowu | ‘ |
| ’ | ’ | Right single quotation mark | Prawy pojedynczy znak cudzysłowu | ’ |
| ‚ | ‚ | Single low-9 quotation mark | Pojedynczy "niski" znak cudzysłowu | ‚ |
| “ | “ | Left double quotation mark | Lewy podwójny znak cudzysłowu | “ |
| ” | ” | Right double quotation mark | Prawy podwójny znak cudzysłowu | ” |
| „ | „ | Double low-9 quotation mark | Podwójny "niski" znak cudzysłowu | „ |
| † | † | Dagger | Krzyżyk | † |
| ‡ | ‡ | Double dagger | Podwójny krzyżyk | ‡ |
| ‰ | ‰ | Per mille sign | Znak promila | ‰ |
| ‹ | ‹ | Single left-pointing angle quotation mark | Pojedynczy lewy znak cudzysłowu ostrokątnego | ‹ |
| › | › | Single right-pointing angle quotation mark | Pojedynczy prawy znak cudzysłowu ostrokątnego | › |
| € | € | Euro sign | Znak euro | € |
źródło: www.kurshtml.boo.pl
Zadanie z encjami polega na napisaniu szkieletu dokumentu HTML, tak aby znaczniki były prawidłowo wyświetlane w przeglądarce. W znaczniku <body>...</body> należy umieścić tabelę z zapisanymi w niej poznanymi znacznikami.
Podpowiedź: aby uzyskać tekst preformatowany czyli z zachowanymi z kED-a spacjami i znakami końca linii, należy cały blok tego tekstu objąć znacznikiem <pre>...</pre>. Dzięki temu można uzyskać widok kodu źródłowego.
Następnie należy napisać zdanie używając greckich liter, tak aby były prawidłowo wyświetlane w przeglądarce.
Oceniany będzie plik kolory_znaki.html, w którym znajdzie się tabela podstawowych kolorów, szkielet dokumentu HTML ze znacznikami w tabeli i jedno zdanie po grecku.
Przy przygotowywaniu powyższego ćwiczenia wielką pomocą służył kurs HTML-a - w wersji online: http://www.kurshtml.boo.pl, jak również w wersji offline do pobrania z tej samej strony.
Copyright © 2008 Sławek Rokicki