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>
</form>
Maka hasil nya seperti ini :
Maka hasil nya seperti ini :
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.
