Artykuł z kursu HTML i CSS

Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami

autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start] • [Elementy HTML] • [Atrybuty HTML] • [Style CSS] • [Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory] • [tekst] • [czcionki] • [rozmiary] • [pozycje] • [tabele] • [listy] • [formularze]
[struktura] • [linki] • [multimedia] • [bloki] • [obramowania] • [tła] • [synteza] • [druk]

Znaki, kody liczbowe i encje

Każdy znak umieszczony na stronie WWW można zapisać na kilka sposobów. Czasem tradycyjne znaki wprowadzane z klawiatury nie wystarczają i trzeba skorzystać ze specjalnych kodów tych znaków. Wiele liter czy symboli nie znajdziemy na klawiaturze - jedynym sposobem ich wyświetlenia na stronie WWW jest posłużenie się odpowiednim kodem znaku. Są też znaki niewidoczne (np. twarda spacja), której nie można zastąpić tradycyjnymi odstępami z klawiatury.

Na stronie WWW dowolne znaki alfabetu można wstawić na trzy sposoby:
- z klawiatury (co jest oczywiste i naturalne)
- w Unikodzie, którego składnia wygląda następujaco: &#D; lub &#xH; - gdzie D jest liczbą dziesiętną (np. 1,23,456,9001), a H jest liczbą szesnastkową (np. 0001, 00FF, 004B).
- za pomocą tzw. encji, czyli nazwy znaku zapisanej następująco: &nazwa; - nazwy dla takiego zapisu można znaleźć w tabeli. Ważna uwaga - wielkość liter ma tutaj znaczenie.

Oczywiście zestaw znaków dla każdego rodzaju czcionki jest inny. Czasem symbolu lub znaku może brakować. Poniższa tabela zawiera zestaw znaków dla czcionki Arial - występującej w większości komputerów. Nie bez znaczenia jest też kodowanie znaków na stronie WWW - polskie strony kodowane są w standardzie ISO-8859-2 i wtedy "ogonki" mogą nadpisać inne znaki, które dla angielskich stron kodowanych w ISO8859-1 są widoczne.

Stosowanie encji (nazw znaków) jest bardzo praktyczne, bo zamiast pamiętać numer znaku wystarczy napisać ® aby otrzymać znak zastrzeżenia (®). Duży odstęp pomiędzy wyrazami możliwy jest np. dzięki powtórzonej encji   (spacje, które nie przechodzą do następnego wiersza). Również znaki narodowe często łatwiej jest wpisać za pomocą kodów - oto rosyjskie ż (Ж) zapisane jako Ж

Zapisywanie znaków w postaci Unikodu pozwala bezproblemowo umieszczać na jednej stronie nawet kilka różnych symboli narodowych. Można więc pisać po polsku, rosyjsku, czesku...

Poniższa tabela składa się z następujących pól:

• znak - symbol znaku zapisany w postaci &#D;
• Unikod - dziesiętny &#D; i szesnastkowy &#xH; kod znaku
• znak - symbol znaku zapisany w postaci &nazwa;
• encja - nazwa encji
• krótki opis - miejsce na uwagi

znak Unikod znak encja krótki opis

   

! ! !

" " "

# # #

$ $ $

% % %

& & &

' ' '

( ( (

) ) )

* * *

+ + +

, , ,

- - -

. . .

/ / /

0 0 0

1 1 1

2 2 2

3 3 3

4 4 4

5 5 5

6 6 6

7 7 7

8 8 8

9 9 9

: : :

; ; ;

< < <

= = =

> > >

? ? ?

@ @ @

A A A

B B B

C C C

D D D

E E E

F F F

G G G

H H H

I I I

J J J

K K K

L L L

M M M

N N N

O O O

P P P

Q Q Q

R R R

S S S

T T T

U U U

V V V

W W W

X X X

Y Y Y

Z Z Z

[ [ [

\ \ \

] ] ]

^ ^ ^

_ _ _

` ` `

a a a

b b b

c c c

d d d

e e e

f f f

g g g

h h h

i i i

j j j

k k k

l l l

m m m

n n n

o o o

p p p

q q q

r r r

s s s

t t t

u u u

v v v

w w w

x x x

y y y

z z z

{ { {

| | |

} } }

~ ~ ~

      twarda spacja

¡ ¡ ¡ ¡ ¡ odwrócony wykrzyknik

¢ ¢ ¢ ¢ ¢

£ £ £ £ £

¤ ¤ ¤ ¤ ¤

¥ ¥ ¥ ¥ ¥

¦ ¦ ¦ ¦ ¦

§ § § § §

¨ ¨ ¨ ¨ ¨

© © © © ©

ª ª ª ª ª

« « « « «

¬ ¬ ¬ ¬ ¬

  

® ® ® ® ®

¯ ¯ ¯ ¯ ¯

° ° ° ° °

± ± ± ± ±

² ² ² ² ²

³ ³ ³ ³ ³

´ ´ ´ ´ ´

µ µ µ µ µ

¶ ¶ ¶ ¶ ¶

· · · · ·

¸ ¸ ¸ ¸ ¸

¹ ¹ ¹ ¹ ¹

º º º º º

» » » » »

¼ ¼ ¼ ¼ ¼

½ ½ ½ ½ ½

¾ ¾ ¾ ¾ ¾

¿ ¿ ¿ ¿ ¿

À À À À À

Á Á Á Á Á

Â Â Â Â Â

Ã Ã Ã Ã Ã

Ä Ä Ä Ä Ä

Å Å Å Å Å

Æ Æ Æ Æ Æ

Ç Ç Ç Ç Ç

È È È È È

É É É É É

Ê Ê Ê Ê Ê

Ë Ë Ë Ë Ë

Ì Ì Ì Ì Ì

Í Í Í Í Í

Î Î Î Î Î

Ï Ï Ï Ï Ï

Ð Ð Ð Ð Ð

Ñ Ñ Ñ Ñ Ñ

Ò Ò Ò Ò Ò

Ó Ó Ó Ó Ó

Ô Ô Ô Ô Ô

Õ Õ Õ Õ Õ

Ö Ö Ö Ö Ö

× × × × ×

Ø Ø Ø Ø Ø

Ù Ù Ù Ù Ù

Ú Ú Ú Ú Ú

Û Û Û Û Û

Ü Ü Ü Ü Ü

Ý Ý Ý Ý Ý

Þ Þ Þ Þ Þ

ß ß ß ß ß

à à à à à

á á á á á

â â â â â

ã ã ã ã ã

ä ä ä ä ä

å å å å å

æ æ æ æ æ

ç ç ç ç ç

è è è è è

é é é é é

ê ê ê ê ê

ë ë ë ë ë

ì ì ì ì ì

í í í í í

î î î î î

ï ï ï ï ï

ð ð ð ð ð

ñ ñ ñ ñ ñ

ò ò ò ò ò

ó ó ó ó ó

ô ô ô ô ô

õ õ õ õ õ

ö ö ö ö ö

÷ ÷ ÷ ÷ ÷

ø ø ø ø ø

ù ù ù ù ù

ú ú ú ú ú

û û û û û

ü ü ü ü ü

ý ý ý ý ý

þ þ þ þ þ

ÿ ÿ ÿ ÿ ÿ

ƒ ƒ ƒ ƒ &fnof;

Α Α Α Α Α

Β Β Β Β Β

Γ Γ Γ Γ Γ

Δ Δ Δ Δ Δ

Ε Ε Ε Ε Ε

Ζ Ζ Ζ Ζ Ζ

Η Η Η Η Η

Θ Θ Θ Θ Θ

Ι Ι Ι Ι Ι

Κ Κ Κ Κ Κ

Λ Λ Λ Λ Λ

Μ Μ Μ Μ Μ

Ν Ν Ν Ν Ν

Ξ Ξ Ξ Ξ Ξ

Ο Ο Ο Ο Ο

Π Π Π Π Π

Ρ Ρ Ρ Ρ Ρ

Σ Σ Σ Σ Σ

Τ Τ Τ Τ Τ

Υ Υ Υ Υ Υ

Φ Φ Φ Φ Φ

Χ Χ Χ Χ Χ

Ψ Ψ Ψ Ψ Ψ

Ω Ω Ω Ω Ω

α α α α α

β β β β β

γ γ γ γ γ

δ δ δ δ δ

ε ε ε ε ε

ζ ζ ζ ζ ζ

η η η η η

θ θ θ θ θ

ι ι ι ι ι

κ κ κ κ κ

λ λ λ λ λ

μ μ μ μ μ

ν ν ν ν ν

ξ ξ ξ ξ ξ

ο ο ο ο ο

π π π π π

ρ ρ ρ ρ ρ

ς ς ς ς &sigmaf;

σ σ σ σ σ

τ τ τ τ τ

υ υ υ υ υ

φ φ φ φ φ

χ χ χ χ χ

ψ ψ ψ ψ ψ

ω ω ω ω ω

ϑ ϑ ϑ ϑ &thetasym;

ϒ ϒ ϒ ϒ &upsih;

ϖ ϖ ϖ ϖ ϖ

• • • • •

… … … … …

′ ′ ′ ′ ′

″ ″ ″ ″ ″

‾ ‾ ‾ ‾ &oline;

⁄ ⁄ ⁄ ⁄ &frasl;

℘ ℘ ℘ ℘ &weierp;

ℑ ℑ ℑ ℑ &image;

ℜ ℜ ℜ ℜ &real;

™ ™ ™ ™ ™

ℵ ℵ ℵ ℵ &alefsym;

← ← ← ← ←

↑ ↑ ↑ ↑ ↑

→ → → → →

↓ ↓ ↓ ↓ ↓

↔ ↔ ↔ ↔ ↔

↵ ⅑ ↵ ↵ &crarr;

⇐ Ⅼ ⇐ ⇐ ⇐

⇑ Ⅽ ⇑ ⇑ &uArr;

⇒ Ⅾ ⇒ ⇒ ⇒

⇓ Ⅿ ⇓ ⇓ &dArr;

⇔ ⅰ ⇔ ⇔ ⇔

∀ ∀ ∀ ∀ ∀

∂ ∂ ∂ ∂ ∂

∃ ∃ ∃ ∃ ∃

∅ ∅ ∅ ∅ ∅

∇ ∇ ∇ ∇ ∇

∈ ∈ ∈ ∈ ∈

∉ ∉ ∉ ∉ ∉

∋ ∋ ∋ ∋ &ni;

∏ ∏ ∏ ∏ ∏

∑ ∑ ∑ ∑ ∑

− − − − −

∗ ∗ ∗ ∗ &lowast;

√ √ √ √ √

∝ ∝ ∝ ∝ &prop;

∞ ∞ ∞ ∞ ∞

∠ ∠ ∠ ∠ &ang;

∧ ∧ ∧ ∧ &and;

∨ ∨ ∨ ∨ &or;

∩ ∩ ∩ ∩ ∩

∪ ∪ ∪ ∪ ∪

∫ ∫ ∫ ∫ ∫

∴ ∴ ∴ ∴ &there4;

∼ ∼ ∼ ∼ &sim;

≅ ≅ ≅ ≅ &cong;

≈ ≈ ≈ ≈ ≈

≠ ≠ ≠ ≠ ≠

≡ ≡ ≡ ≡ &equiv;

≤ ≤ ≤ ≤ ≤

≥ ≥ ≥ ≥ ≥

⊂ ⊂ ⊂ ⊃ ⊃

⊃ ⊃ ⊃ ⊂ ⊂

⊄ ⊄ ⊄ ⊄ &nsub;

⊆ ⊆ ⊆ ⊆ &sube;

⊇ ⊇ ⊇ ⊇ &supe;

⊕ ⊕ ⊕ ⊕ &oplus;

⊗ ⊗ ⊗ ⊗ &otimes;

⊥ ⊛ ⊥ ⊥ &perp;

⋅ ⋅ ⋅ ⋅ ⋅

⌈ ⌈ ⌈ ⌈ &lceil;

⌉ ⌉ ⌉ ⌉ &rceil;

⌊ ⌊ ⌊ ⌊ &lfloor;

⌋ ⌋ ⌋ ⌋ &rfloor;

〈 〈 〈 ⟨ &lang;

〉 〉 〉 ⟩ &rang;

◊ ◊ ◊ ◊ &loz;

♠ ♠ ♠ ♠ &spades;

♣ ♣ ♣ ♣ &clubs;

♥ ♥ ♥ ♥ &hearts;

♦ ♦ ♦ ♦ &diams;

• • •
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!