sivut.web

ohjeita web-sivuston tekijälle

HTML: Skandit ja erikoismerkit

Monesti web-sivulle tarvitsee jonkin erikoismerkin. Käyttökohteita ovat mm. matemaattiset kaavat ja harvinaisemmat merkit, joiden oikeinnäkymisestä ei voi antaa takeita kirjoittamalla sitä tekstin sekaan.

Mikäli haluaa esimerkiksi ääkkösten näkyvän muillekin kuin skandinaaveille, kannattaa ne korvata vastaavin koodein. Allaolevasta listasta löydät kaikki mahdollliset merkit (kyseessä supistettu ASCII-taulukko).

Merkki Koodi Vaihtoehtoinen koodi
" " "
# #
$ $
% %
& & &
' '
( (
) )
* *
+ +
, ,
- -
. .
/ /
0 0
1 1
2 2
3 3
4 4
5 5
6 6
7 7
8 8
9 9
: :
; &#59;
< &#60; &lt;
= &#61;
> &#62; &gt;
? &#63;
@ &#64;
A &#65;
B &#66;
C &#67;
D &#68;
E &#69;
F &#70;
G &#71;
H &#72;
I &#73;
J &#74;
K &#75;
L &#76;
M &#77;
N &#78;
O &#79;
P &#80;
Q &#81;
R &#82;
S &#83;
T &#84;
U &#85;
V &#86;
W &#87;
X &#88;
Y &#89;
Z &#90;
[ &#91;
\ &#92;
] &#93;
^ &#94;
_ &#95;
` &#96;
a &#97;
b &#98;
c &#99;
d &#100;
e &#101;
f &#102;
g &#103;
h &#104;
i &#105;
j &#106;
k &#107;
l &#108;
m &#109;
n &#110;
o &#111;
p &#112;
q &#113;
r &#114;
s &#115;
t &#116;
u &#117;
v &#118;
w &#119;
x &#120;
y &#121;
z &#122;
{ &#123;
| &#124;
} &#125;
~ &#126;
 &#127;
&#128;
 &#129;
&#130;
ƒ &#131;
&#132;
&#133;
&#134;
&#135;
ˆ &#136;
&#137;
Š &#138;
&#139;
Œ &#140;
 &#141;
Ž &#142;
 &#143;
 &#144;
&#145;
&#146;
&#147;
&#148;
&#149;
&#150;
&#151;
˜ &#152;
&#153;
š &#154;
&#155;
œ &#156;
 &#157;
ž &#158;
Ÿ &#159;
  &#160; &nbsp;
¡ &#161; &iexcl;
¢ &#162; &cent;
£ &#163; &pound;
¤ &#164; &curren;
¥ &#165; &yen;
¦ &#166; &brvbar;
§ &#167; &sect;
¨ &#168; &uml;
© &#169; &copy;
ª &#170; &ordf;
« &#171; &laquo;
¬ &#172; &not;
­ &#173; &shy;
® &#174; &reg;
¯ &#175; &macr;
° &#176; &deg;
± &#177; &plusmn;
² &#178; &sup2;
³ &#179; &sup3;
´ &#180; &acute;
µ &#181; &micro;
&#182; &para;
· &#183; &middot;
¸ &#184; &cedil;
¹ &#185; &sup3;
º &#186; &ordm;
» &#187; &raquo;
¼ &#188; &frac14;
½ &#189; &frac12;
¾ &#190; &frac34;
¿ &#191; &iquest;
À &#192; &Agrave;
Á &#193; &Aacute;
 &#194; &Acirc;
à &#195; &Atilde;
Ä &#196; &Auml;
Å &#197; &Aring;
Æ &#198; &AElig;
Ç &#199; &Ccedil;
È &#200; &Egrave;
É &#201; &Eacute;
Ê &#202; &Ecirc;
Ë &#203; &Euml;
Ì &#204; &Igrave;
Í &#205; &Iacute;
Î &#206; &Icirc;
Ï &#207; &Iuml;
Ð &#208; &ETH;
Ñ &#209; &Ntilde;
Ò &#210; &Ograve;
Ó &#211; &Oacute;
Ô &#212; &Ocirc;
Õ &#213; &Otilde;
Ö &#214; &Ouml;
× &#215; &times;
Ø &#216; &Oslash;
Ù &#217; &Ugrave;
Ú &#218; &Uacute;
Û &#219; &Ucirc;
Ü &#220; &Uuml;
Ý &#221; &Yacute;
Þ &#222; &THORN;
ß &#223; &szlig;
à &#224; &agrave;
á &#225; &aacute;
â &#226; &acirc;
ã &#227; &atilde;
ä &#228; &auml;
å &#229; &aring;
æ &#230; &aelig;
ç &#231; &ccedil;
è &#232; &egrave;
é &#233; &eacute;
ê &#234; &ecirc;
ë &#235; &euml;
ì &#236; &igrave;
í &#237; &iacute;
î &#238; &icirc;
ï &#239; &iuml;
ð &#240; &eth;
ñ &#241; &ntilde;
ò &#242; &ograve;
ó &#243; &oacute;
ô &#244; &ocirc;
õ &#245; &otilde;
ö &#246; &ouml;
÷ &#247; &divide;
ø &#248; &oslash;
ù &#249; &ugrave;
ú &#250; &aucute;
û &#251; &ucirc;
ü &#252; &uuml;
ý &#253; &yacute;
þ &#254; &thorn;
ÿ &#255; &yuml;

Tämä sivu on luotu 1.5.1998 ja viimeksi päivitetty 1.7.2002.


Käyttäjien kommentit

27.10.2004 19:06
*snickers

Ei mitään "joo joo joo!"!!!!

25.11.2004 12:52
suvi

jipii, löysin viimein tollasen mustan palleron koodin, että millä se tehdään. Haluan käyttää sitä linkin edessä ja listausta kun ei silloin linkin kanssa voi käyttää.

kiitos!

26.11.2004 11:56
Juha-Pekka Järvenpää <jp@sivut.org>

Suvi: Ehkä haluatkin tehdä listan?

<ul>
<li><a href="foo.html">bar</a>
<li><a href="bar.html">foo</a>
</li>

29.11.2004 19:50
erik <erik_ralli@hotmail.com>

wohoo toi &#153; ja &reg; löytyj kiitti

20.12.2004 14:09
Jykä

Hieno homma! Olenkin välillä etsinyt noita koukeroita..

11.5.2005 11:28
Mari

Sivusta on ollut hyötyä monesti! Mikähän koodi tulee kun haluaa kirjaimen alareunaan tulevan numeron eli samallalailla kuin <sup>, mutta alalaitaan?

11.5.2005 12:04
Juha-Pekka Järvenpää <jp@sivut.org>

<sup> merkkaa superscriptiä, <sub> vastaavasti subscriptiä

17.6.2005 21:35
° <°>

Jou x)

15.9.2005 19:27
Jape


Tietääkö kukaan miten saa 'rivittämättömän välilyönnin/miinuksen'?

Tarkoittaa siis sitä, että toimii kuten 'non break space' (&nbsp;), eli ei rivitä siitä '-' -merkin kohdalta vaikka tilaa olisi niukasti. 'nobr' parametrin ja 'nowrap' tagin voi unohtaa epästandardeina...

16.9.2005 12:55
Juha-Pekka Järvenpää <jp@sivut.org>

Minkä tahansa elementin sisältö saadaan yhdelle riville kun asetetaan sille tyylipohjilla oikea whitespace-määrite:

<p>Tekstiä <span style="whitespace: nowrap;">Tämäpä ei rivity. Ei katkeile rivit.</span> Lisää tekstiä.</p>

21.9.2005 16:17
Hese

Onko tietoa miten saisin ääkköset näkymään oikein...? Eli minulla on php-lomake jolla voi lähettää palautetta sähköpostin kautta. Olen käyttänyt php-koodissa ääkkösiä, mutta sitten kun posti aikanaan tulee laatikkoon se näyttää ä:n ja ö:n paikalla ?-merkkiä.

Koodissa lukee tietoja jotka on poimittu lomakkeesta esim.
Palautteen antajan sähköpostiosoite:

ja tämä sitten näkyy näin -

Palautteen antajan s?hk?postiosoite

Kiitokset tiedoista!

7.1.2006 15:14
dsadsf

löyty uusii merkkei....

18.5.2007 14:31
es

miten nää oikein toimii mä en oikee ymmärrä voisko joku kertoo miten saa ihan tavalliselle esim. tähän vaikka kirjotettuu värinpäin olevan huutomerkin??

6.6.2007 16:48
Sanni

Edelliselle:

Tähän kommenttiosioon et saa lisättyä koodilla väärinpäin olevaa huutomerkkiä, ellei tässä toimi (X)HTML.

1.3.2008 02:37
Shoe

VOisitteko lisätä hertan, pataässän, ruudun ja ristin eli korttipakkakuviot ja nuottien koodit myös, takkk!

13.8.2009 08:15
JUS-51

Euromerkki € tunnetaan myös nimellä &euro;

15.8.2010 15:17
Petja

erik, voit myös korvata &#153; käyttäen &trade;

Lisää oma kommentti


Juha-Pekka Järvenpää
jp@sivut.org
http://www.jarvenpaa.net/