Babelfish Guide - Keyboard keys translated to HTML

Below is the HTML code for each key on a keyboard. This should make it easier to not only format posts, but to convey to people the keys you're writing about.


escf1f2f3f4f5f6f7f8f9f10f11f12prtscPower delete   homeendpguppgdn

esc = <kbd>esc</kbd>

f1 = <kbd>f1</kbd>

f2 = <kbd>f2</kbd>

f3 = <kbd>f3</kbd>

f4 = <kbd>f4</kbd>

f5 = <kbd>f5</kbd>

f6 = <kbd>f6</kbd>

f7 = <kbd>f7</kbd>

f8 = <kbd>f8</kbd>

f9 = <kbd>f9</kbd>

f10 = <kbd>f10</kbd>

f11 = <kbd>f11</kbd>

f12 = <kbd>f12</kbd>

prtsc = <kbd>prtsc</kbd>

Power = <kbd>Power</kbd>

delete = <kbd> delete </kbd>

home = <kbd>home</kbd>

end = <kbd>end</kbd>

pgup = <kbd>pgup</kbd>

pgdn = <kbd>pgdn</kbd>


[~`][!1][@2][#3][$4][%5][^6][&7][*8][(9][)0][_-][+=]← backsp  numlock /   *  -  

[~'] = <kbd>[<sup>~</sup><sub>'</sub>]</kbd>

[!1] = <kbd>[<sup>!</sup><sub>1</sub>]</kbd>

[@2] = <kbd>[<sup>@</sup><sub>2</sub>]</kbd>

[#3] = <kbd>[<sup>#</sup><sub>3</sub>]</kbd>

[$4] = <kbd>[<sup>$</sup><sub>4</sub>]</kbd>

[%5] = <kbd>[<sup>%</sup><sub>5</sub>]</kbd>

[^6] = <kbd>[<sup>^</sup><sub>6</sub>]</kbd>

[&7] = <kbd>[<sup>&</sup><sub>7</sub>]</kbd>

[*8] = <kbd>[<sup>*</sup><sub>8</sub>]</kbd>

[(9] = <kbd>[<sup>(</sup><sub>9</sub>]</kbd>

[)0] = <kbd>[<sup>)</sup><sub>0</sub>]</kbd>

[_-] = <kbd>[<sup>_</sup><sub>-</sub>]</kbd>

[+=] = <kbd>[<sup>+</sup><sub>=</sub>]</kbd>

← backsp = <kbd>← backsp</kbd>

numlock = <kbd>numlock</kbd>

/ = <kbd> / </kbd>

* = <kbd> * </kbd>

- = <kbd> - </kbd>


 tab ⇥  q  w  e  r  t  y  u  i  o  p [ {[ ] [ }]] [|\ ]   7   8   9    
 +
   

 tab ⇥  = <kbd>&nbsp;tab&nbsp;&rBarr;&nbsp;</kbd>

q = <kbd> q </kbd>

w = <kbd> w </kbd>

e = <kbd> e </kbd>

r = <kbd> r </kbd>

t = <kbd> t </kbd>

y = <kbd> y </kbd>

u = <kbd> u </kbd>

i = <kbd> i </kbd>

o = <kbd> o </kbd>

p = <kbd> p </kbd>

[ {[ ] = <kbd>[ <sup>{</sup><sub>[</sub> ]</kbd>

[ }]] = <kbd>[ <sup>}</sup><sub>]</sub>]</kbd>

[|\ ] = <kbd>[<sup>|</sup><sub>&#92;</sub> ]</kbd>

7 = <kbd> 7 </kbd>

8 = <kbd> 8 </kbd>

9 = <kbd> 9 </kbd>


+

= <pre><kbd>
+

</kbd></pre>


cap lock a  s  d  f  g  h  j  k  l  [ :; ] [ "' ] ↩  Enter   4   5   6 

cap lock = <kbd>cap lock</kbd>

a = <kbd> a </kbd>

s = <kbd> s </kbd>

d = <kbd> d </kbd>

f = <kbd> f </kbd>

g = <kbd> g </kbd>

h = <kbd> h </kbd>

j = <kbd> j </kbd>

k = <kbd> k </kbd>

l = <kbd> l </kbd>

[ :; ] = <kbd>[ <sup>:</sup><sub>;</sub> ]</kbd>

[ "' ] = <kbd>[ <sup>"</sup><sub>'</sub> ]</kbd>

:leftwards_arrow_with_hook: Enter = <kbd>&larrhk; Enter</kbd>

4 = <kbd> 4 </kbd>

5 = <kbd> 5 </kbd>

6 = <kbd> 6 </kbd>


   shift    z  x  c  v  b  n  m  [<,] [>.] [?/]    shift      1   2   3   E 
 n 
 t
 e
 r 

shift = <kbd> shift </kbd>

z = <kbd> z </kbd>

x = <kbd> x </kbd>

c = <kbd> c </kbd>

v = <kbd> v </kbd>

b = <kbd> b </kbd>

n = <kbd> n </kbd>

m = <kbd> m </kbd>

[<,] = <kbd>[<sup><</sup><sub>,</sub>]</kbd>

[>.] = <kbd>[<sup>></sup><sub>.</sub>]</kbd>

[?/] = <kbd>[<sup>?</sup><sub>/</sub>]</kbd>

shift = <kbd> shift </kbd>

1 = <kbd> 1 </kbd>

2 = <kbd> 2 </kbd>

3 = <kbd> 3 </kbd>

E
n
t
e
r

=

<kbd> E 
 n 
 t
 e
 r </kbd>

ctrlfnSuperalt             Space             altctrl[  ]       0      . 

ctrl = <kbd>ctrl</kbd>

fn = <kbd>fn</kbd>

Super = <kbd>Super</kbd>

alt = <kbd>alt</kbd>

             Space             

=
<kbd>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Space&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</kbd>

alt = <kbd>alt</kbd>

ctrl = <kbd>ctrl</kbd>

= <kbd>&#8678; </kbd>

[ ] = <kbd>[ <sup>&#8679;</sup><sub>&#8681;</sub> ]</kbd>

= <kbd> &#8679; </kbd>

= <kbd> &#8681; </kbd>

= <kbd> &#8680;</kbd>

     0      =

<kbd>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</kbd>

. = <kbd> . </kbd>


4 Likes

This is brilliant, thanks!

1 Like

It's HTML code, so it should work. Where it gets interesting is if you link each of the keys to an action.

What would be neat is if the zorin.com webmaster @zorink implemented an icon at the top of the editing window with a drop-down keyboard, so all we had to do is click the key we want, and it enters the code into the editing window.

1 Like

Not sure how to tag.