Latar Jembar

Website ini merupakan sarana untuk mengekspresikan apa yang saya pikirkan daripada ngruntel/nggedibal di otak, jadi lebih baik saya menuangkan disini

Soal SMK : Web Dasar HTML - Membuat Layout Kalkulator

Soal SMK : Web Dasar HTML - Membuat Layout Kalkulator

Kali ini Admin Kumbang membagi contoh soal SMK yang dapat dipakai oleh rekan-rekan pendidik tercinta. Materi ini dibuat sebagai aplikasi dari materi table html.

Contoh soal :
Soal SMK : Web Dasar HTML - Membuat Layout Kalkulator

Petunjuk mengerjakan :
  1. Title dokumen html diberikan nilai : Layout Tabel Kalkulator
  2. Layout Tabel Kalkulator menggunakan syntax : <p>, <b>, <i>, <u>
  3. 9 + 9 menggunakan syntax : <p>,<b>,<h2>
  4. Nilai border table adalah : 10
  5. Ukuran width & height kotak adalah : 50
  6. © NAMA_KALIAN menggunakan syntax : <a href> menuju ke halaman https://www.google.com
  7. Kemudian format sama persis seperti contoh soal
Penyelesaian :
<!DOCTYPE html>
<html>
<head>
<title>Layout Tabel Kalkulator</title>
</head>
<body>
<p><b><u>Layout Tabel <i>Kalkulator</i></u></b></p>
<p><b><h2>9+9</h2></b></p>
<table border="10">
<tr align="center"><b>
<td width="50" height="50" bgcolor="green"><font color="white">MC</font></td>
<td width="50" height="50" bgcolor="green"><font color="white">MR</font></td>
<td width="50" height="50" bgcolor="green"><font color="white">MS</font></td>
<td width="50" height="50" bgcolor="green"><font color="white">M+</font></td>
<td width="50" height="50" bgcolor="green"><font color="white">M-</font></td>
</tr></b>
<tr align="center"><b>
<td width="50" height="50"><==</td>
<td width="50" height="50" bgcolor="yellow">CE</td>
<td width="50" height="50" bgcolor="yellow">C</td>
<td width="50" height="50">+/-</td>
<td width="50" height="50" bgcolor="yellow">V</td>
</tr></b>
<tr align="center"><b>
<td width="50" height="50">7</td>
<td width="50" height="50">8</td>
<td width="50" height="50">9</td>
<td width="50" height="50">/</td>
<td width="50" height="50">%</td>
</tr></b>
<tr align="center"><b>
<td width="50" height="50">4</td>
<td width="50" height="50">5</td>
<td width="50" height="50">6</td>
<td width="50" height="50">*</td>
<td width="50" height="50" bgcolor="yellow">1/x</td>
</tr></b>
<tr align="center"><b>
<td width="50" height="50">1</td>
<td width="50" height="50">2</td>
<td width="50" height="50">3</td>
<td width="50" height="50">-</td>
<td width="50" height="50">=</td>
</tr></b>
<tr align="center"><b>
<td width="50" height="50">0</td>
<td width="50" height="50">.</td>
<td width="50" height="50">+</td>
<td width="50" height="50">,</td>
<td width="50" height="50" bgcolor="red"><font color="white">Exit</font></td>
</tr></b>
</table>
<a href="www.google.com"> &copy; NAMA_KALIAN </a>
</body>
</html>
Enjoy your visit~ ... 😁😄

Post a Comment