MEMBUAT KEYBOARD SEDERHANA DENGAN HTML
CARA MEMBUAT KEYBOARD SEDERHANA DENGAN HTML
Hello,
Seperti biasa untuk postingan kali ini saya akan share coding an untuk membuat keyboard sederhana dengan HTML.
Ini dia ===>>
<html>
<head>
<title>KEYBOARD</title>
</head>
<br>
<body background="d9.jpg">
<h1><a href="http://www.fachriteknologi.blogspot.com/tutorial-cara-membuat-keyboard-dengan-html">Keyboard / <small>fachriteknologi.blogspot.com</small></a></h1>
</body>
<form name="keyboard">
<table bgcolor="blue" border="5" align=center cellpadding="2" cellspacing="2">
<br>
<tr>
<td colspan="2"> <input type="button" name=" Esc " value =" Esc "></td>
<td><input type="button" name=" F1 " value=" F1 " ></td>
<td><input type="button" name=" F2 " value=" F2 " ></td>
<td><input type="button" name=" F3 " value=" F3 " ></td>
<td><input type="button" name=" F4 " value=" F4 " ></td>
<td><input type="button" name=" F5 " value=" F5 " ></td>
<td><input type="button" name=" F6 " value=" F6 " ></td>
<td><input type="button" name=" F7 " value=" F7 " ></td>
<td><input type="button" name=" F8 " value=" F8 " ></td>
<td><input type="button" name=" F9 " value=" F9" ></td>
<td><input type="button" name=" F10 " value=" F10 " ></td>
<td><input type="button" name=" F11 " value=" F11 "></td>
<td><input type="button" name=" F12 " value=" F12 "></td>
<td><input type="button" name=" PrtSc " value=" PrtSc "></td>
<td><input type="button" name=" Pause " value=" Pause " ></td>
<td><input type="button" name=" Ins " value=" Ins " ></td>
<td><input type="button" name=" Delete " value=" Del " ></td>
</tr>
<tr>
<td><button>~<br>`</button></td>
<td><button>!<br>1</button></td>
<td><button>@<br>2</button></td>
<td><button>#<br>3</button></td>
<td><button>$<br>4</button></td>
<td><button>%<br>5</button></td>
<td><button>^<br>6</button></td>
<td><button>&<br>7</button></td>
<td><button>*<br>8</button></td>
<td><button>(<br>9</button></td>
<td><button>)<br>0</button></td>
<td><button>_<br>-</button></td>
<td><button>+<br>=</button></td>
<td colspan="3" align="center"><input type="button" name=" Backspace " value=" <--Backspace " ></td>
<td colspan="2" align="center"><input type="button" name=" Home " value=" Home " ></td>
</tr>
<tr>
<td colspan="2"><input type="button" name=" Tab " value=" Tab "></td>
<td><input type="button" name=" Q " value=" Q " ></td>
<td><input type="button" name=" W " value=" W " ></td>
<td><input type="button" name=" E " value=" E " ></td>
<td><input type="button" name=" R " value=" R " ></td>
<td><input type="button" name=" T " value=" T " ></td>
<td><input type="button" name=" Y " value=" Y "></td>
<td><input type="button" name=" U " value=" U "></td>
<td><input type="button" name=" I " value=" I " ></td>
<td><input type="button" name=" O " value=" O "></td>
<td><input type="button" name=" p" value=" P " ></td>
<td><button>{<br>[</button></td>
<td><button>}<br>]</button></td>
<td><button>|<br>\</button></td>
<td colspan="3" align="center"><input type="button" name=" Pg Up " value=" Pg Up " ></td>
</tr>
<tr>
<td colspan="2"> <input type="button" name=" Caps Lock " value="Caps Lock" ></td>
<td align="center"><input type="button" name=" A " value=" A " ></td>
<td align="center"><input type="button" name=" S " value=" S " ></td>
<td align="center"><input type="button" name=" D " value=" D " ></td>
<td align="center"><input type="button" name=" F " value=" F " ></td>
<td><input type="button" name=" G " value=" G " ></td>
<td><input type="button" name=" H " value=" H " ></td>
<td><input type="button" name=" J " value=" J " ></td>
<td><input type="button" name=" K " value=" K "></td>
<td><input type="button" name=" L " value=" L " ></td>
<td><input type="button" name=" ; " value=" ; " ></td>
<td><input type="button" name=" ' " value=" ' " ></td>
<td colspan="3" align="center"><input type="button" name=" ENTER " value="ENTER <-------- " ></td>
<td colspan="2" align="center"><input type="button" name=" Pg Dn " value=" Pg Dn " ></td>
</tr>
<tr>
<td colspan="3"><input type="button" name=" Shift " value="SHIFT " ></div></td>
<td><div align="center">
<input type="button" name=" Z " value=" Z " ></div></td>
<td><div align="center">
<input type="button" name=" X " value=" X " ></div></td>
<td><div align="center">
<input type="button" name=" C " value=" C " >
</div></td>
<td><input type="button" name=" V " value=" V " ></td>
<td><input type="button" name=" B " value=" B " ></td>
<td><input type="button" name=" N " value=" N " ></td>
<td><input type="button" name=" M " value=" M " ></td>
<td><input type="button" name=" < " value=" < " ></td>
<td><input type="button" name=" > " value=" > " ></td>
<td><input type="button" name=" / " valign="bottom" value=" / ? "></td>
<td colspan="3" align="center"><input type="button" name=" SHIFT " value=" SHIFT " > </td>
<td colspan="2" align="center"><input type="button" name=" END " value=" END " ></td>
</tr>
<tr>
<td colspan="2"><input type="button" name=" Ctrl " value="Ctrl "></td>
<td><input type="button" name=" [Fn] " value="[Fn]" ></td>
<td><input type="button" name=" WIN " value=" WIN " ></td>
<td><input type="button" name=" ALT " value=" ALT " ></td>
<td colspan="5" align="center"><input type="button" name=" SPASI " value="SPASI " ></td>
<td><input type="button" name=" ALT " value=" ALT " ></td>
<td><input type="button" name=" MOU " value=" MOU " ></td>
<td><input type="button" name=" Ctrl " value=" Ctrl "></td>
<td><input type="button" name=" TOP " value=" TOP " ></td>
<td><input type="button" name=" LEFT " value=" LEFT"></td>
<td><input type="button" name=" RIGHT " value=" RIGHT " ></td>
<td colspan="2"><input type="button" name=" BOTTOM " value=" BOTTOM " ></td>
</table>
Hey Kawan jangan lupa tinggal kan jejak ya :)
Berikan Reaksi mu dan koment mu.
Terima kasih :) semoga bermanfaat
COOMING SOON TUGAS YANG LAIN NYA hehehehe.