Sabtu, 16 Mei 2020

TUGAS AKHIR KERJA SISWA

1.Membuat bendera merah putih dengan table
-Coding

<!DOCTYPE html>
<html>
<body>

<table border="1" cellpadding="50" style="width:100%">
<tr style="background-color: red">
<td></td>
<td></td>
</tr>
<tr style="background-color: green">
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

-Hasilnya

2 membuat tabel berwarna dan memakai colspan dan rowspan
-codingnya

<!DOCTYPE html>
<html>
<head>
<title>tabel warna</title>
</head>
<body>
<center>
<table border="1" cellpadding="60" cellspacing="1">
<tr>
  <td colspan="2" style="background-color:red"></td>
  <td colspan="2" style="background-color:blue"></td>
  <td colspan="2" style="background-color:blue"></td>
  <td colspan="2" style="background-color:red"></td>
 </tr>
 <tr align="center">
   <td colspan="2" style="background-color:blue"></td>
   <td colspan="4" rowspan="2"> SMK 4 LPPM RI PADALARANG</td>

   <td colspan="2" style="background-color:blue"></td>
</tr>
<tr style="bgcolor:white" align="center">
  <td colspan="2" style="background-color:blue"></td>
  <td colspan="2" style="background-color:blue"></td>


</tr>
<tr style="bgcolor:white" align="center">
  <td colspan="2"style="background-color:red"></td>
  <td colspan="2"style="background-color:blue"></td>
  <td colspan="2"style="background-color:blue"></td>
  <td colspan="2"style="background-color:red"></td>
</tr>
</table>

</center>
</body>
</html>

-Hasilnya
3.membuat data anggota kelas

-codingnya
<!DOCTYPE html>
<html>
<head>
<title>tabel warna</title>
</head>
<body>
<center>
<table border="1" cellpadding="10" cellspacing="1">
<tr>
  <td colspan="4"></td>
 </tr>
 <tr>
   <td>no</td>
   <td>nama</td>
   <td>l/p</td>
   <td>alamat blog</td>
 </tr>
 <tr>
 <td>1</td>
 <td>rini</td>
 <td>p</td>
 <td>https://rini-pelajarperdulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>2</td>
 <td>eka hermawan</td>
 <td>l</td>
 <td>https://ekahermawan-pelajarpedulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>3</td>
 <td>vidki</td>
 <td>l</td>
 <td>https://vidki-pelajarpedulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>4</td>
 <td>resti nopianti</td>
 <td>p</td>
 <td>http://restinopiantii-pelajarperdulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>5</td>
 <td>elisna j</td>
 <td>p</td>
 <td>http://elisna-pelajarpedulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>6</td>
 <td>dini julianti</td>
 <td>p</td>
 <td>http://dini-pelajarperdulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>7</td>
 <td>miftah f</td>
 <td>l</td>
 <td>http://miftah-pelajarpedulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>8</td>
 <td>suci</td>
 <td>p</td>
 <td>https://sucinursifa-pelajarperdulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>9</td>
 <td>risma</td>
 <td>p</td>
 <td>https://risma-pedulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>10</td>
 <td>wulan</td>
 <td>p</td>
 <td>https://wulanfebriyantipelajarpedulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>11</td>
 <td>murti</td>
 <td>p</td>
 <td>https://murtihandayani-pelajarpedulicovid19.blogspot.com/?m=1</td>
 </tr>
 <tr>
 <td>12</td>
 <td>adi</td>
 <td>l</td>
 <td>https://aditajudin-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid-19.html?m=1</td>
 </tr>
 <tr>
 <td>13</td>
 <td>david</td>
 <td>l</td>
 <td>https://davidseptian-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid19.html?m=1</td>
 </tr>

</table>

</center>
</body>
</html>

-Hasilnya









Tidak ada komentar:

Posting Komentar