반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border = "1">
<tr>
<td colspan="4"><input type = "text"></td>
</tr>
<tr>
<td><input type= "button" style="width:40px;" value="7"></td>
<td><input type="button" style="width:40px;" value="8"></td>
<td><input type="button" style="width:40px;" value="9"></td>
<td><input type="button" style="width:40px;" value="/"></td>
</tr>
<tr>
<td><input type="button" style="width:40px;" value="4"></td>
<td><input type="button" style="width:40px;" value="5"></td>
<td><input type="button" style="width:40px;" value="6"></td>
<td><input type="button" style="width:40px;" value="*"></td>
</tr>
<tr>
<td><input type="button" style="width:40px;" value="1"></td>
<td><input type="button" style="width:40px;" value="2"></td>
<td><input type="button" style="width:40px;" value="3"></td>
<td><input type="button" style="width:40px;" value="-"></td>
</tr>
<tr>
<td><input type="button" style="width:40px;" value="0"></td>
<td><input type="button" style="width:40px;" value="1"></td>
<td><input type="button" style="width:40px;" value="+"></td>
<td><input type="button" style="width:40px;" value="."></td>
</tr>
<tr>
<td colspan="2" align = "center"><input type="button" style = "width : 80px;" value="="></td>
<td colspan="2" align = "center"><input type="button" style = "width : 80px;" value="Clear"></td>
</tr>
</table>
</body>
</html>
table 태그만으로 심플한 계산기를 만들어보았다.
반응형
'HTML&CSS&JS' 카테고리의 다른 글
| [HTML5] <table> 태그로 너무나도 심플한 게시판 모양 만들기 (0) | 2020.06.22 |
|---|---|
| [HTML5] <form> 태그 (2) | 2020.06.22 |
| [HTML5] <table> <td> <tr> <thead> <tfoot> 태그 (0) | 2020.06.22 |
| [HTML5] <audio> <video> <iframe> < embed> 태그 (0) | 2020.06.21 |
| [HTML5] <ol> <ul>, <li>, <header>, <section>, <footer> 태그 (0) | 2020.06.21 |
