Tugas 3

1.membuat bendera merah putih dengan html table
   A.coding
    
<html>
<head>
<title>bendera indonesia</title>
</head>
<body>
<center>
<table border="1" cellpadding="60" cellspacing="1" style="width: 100%;">
<tr style="background-color: red;">
  <td colspan="2"></td>
 </tr>
<tr style="bgcolor: white;">
   <td colspan="2"></td>
</tr>
</table>
<h1>
AKU CINTA INDONESIA</h1>
</center>
</body>
</html>

B.hasilnya


2 membuat tabel berwarna dan memakai colspan dan rowspan
A.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>

B.hasilnya


3.Membuat Data Kelas
A.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>asep</td>
 <td>l</td>
 <td>asep-pelajarpedulicovid19.blogspot.com</td>
 </tr>
 <tr>
 <td>2</td>
 <td>maulana</td>
 <td>l</td>
 <td>maulana-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>

B.hasilnya

#foto siswa yang sedang mengerkakan
asep-pelajarpedulicovid19.blogspot.com

Komentar

Posting Komentar