Sabtu, 16 Mei 2020

MATERI 3-HTML TAG TABLE

Tugas 1 : 

<!DOCTYPE html>
<html>
<body>

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

<tr style="background-color: white">
<td></td>
</tr>

</table>
<center>
<p><h3><b>AKU CINTA INDONESIA</b></h3></p>
</center>
</body>
</html>

     Hasilnya:


-Tugas 2 :

sumber(https://miftah-perlajarpedulicovid19.blogspot.com)

<!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:

-Tugas 3 :

<html>
<body>
<table border = “1” style="width:100%">

<tr align="center" style="background-color: cyan">
 <td colspan="4">ANGGOTA GRUP KELAS XI RPL 3</td>
 </tr>


<tr style="background-color: yellow">
 <th>NO</th>
 <th>NAMA</th>
 <th>L/P</th>
 <th>Alamat Blog</th>
</tr>

<tr>
 <td>1</td>
 <td>M.Radzu</td>
 <td>L</td>
 <td>https://muhamadraju-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>2</td>
 <td>Miftah</td>
 <td>L</td>
 <td>https://miftah-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>3</td>
 <td>Adi tajudin</td>
 <td>L</td>
 <td>https://aditajudin-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>4</td>
 <td>David septian</td>
 <td>L</td>
 <td>https://david-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>5</td>
 <td>Vidky</td>
 <td>L</td>
 <td>https://vidky-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>6</td>
 <td>Rizki albani</td>
 <td>L</td>
 <td>https://rizkialbani-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>7</td>
 <td>M.zakaria</td>
 <td>L</td>
 <td>https://jack-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>8</td>
 <td>Candra</td>
 <td>L</td>
 <td>https://candra-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>9</td>
 <td>Nasrul</td>
 <td>L</td>
 <td>https://nasrul-pedulicovid19.blogspot.com</td>
</tr>

<tr>
 <td>10</td>
 <td>Asep</td>
 <td>L</td>
 <td>https://asep-pedulicovid19.blogspot.com</td>
</tr>


</table>
</body>
</html>

     Hasilnya:


Proses mengerjakan :


Tidak ada komentar:

Posting Komentar