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.

Like wrapping the keyboard tags in square brackets and linking to a page or another post?

Return

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

The Webmaster is the ZorinGroup. The Zorin's created and administrate the forum, regularly visiting and taking suggestions. Tag them and they may be willing to implement what you suggest. Be a little more detailed in your request for the feature and it may be implemented.

This is how things are normally handled by the ZorinGroup. Rather than discuss things, suggestions are quietly weighed and implemented without mention to the masses. They may respond if they choose not to implement a feature, but not always.

Not sure how to tag.

@ and start typing azorin or and zorink... click on their username

1 Like