Table in Table

Okeh saya disini akan membagikan contoh coding dan hasilnya.  silahkan dicicipi gan


<html>
<head>
 <title>Table In Table</title>
</head>
<body>
 <table cellpadding="5" align="center" bgcolor="red" width="800px" cellspacing="5">
  <tr><td><b>table > tr > td
   <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="50px"><b>table > tr > td</td></tr></table>
   <table width="100%"  cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="80px"><b>table > tr > td</td></tr></table>
   <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="100px"><b>table > tr > td</td></tr></table>
   <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="250px"><b>table > tr > td
    <table width="100%" cellspacing="5" cellpadding="5">
     <tr>
     <td valign="top" bgcolor="#00BCD4" width="150px" height="250px">td</td>
     <td valign="top" bgcolor="#00BCD4">td
      <table cellpadding="7" cellspacing="5" bgcolor="#FF5722" width="100%">
       <tr><td><b>table > tr > td</td></tr>
       <tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
       <tr><td bgcolor="white" valign="top">td</td></tr>
       <tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
       <tr><td bgcolor="white" valign="top">td</td></tr>
       <tr><td bgcolor="white" valign="top" height="40px">td</td></tr>
       <tr><td bgcolor="white" valign="top">td</td></tr>
       <tr><td bgcolor="white" valign="top" height="120px">td</td></tr>
      </table>
     </td>
     <td valign="top" bgcolor="#00BCD4" width="150px">td</td>
     </tr>
    </table>
   </td></tr></table>
   <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="30px"><b>table > tr > td</td></tr></table>
  </td></tr>
 </table>
</body>
</html>


INI HASILNYA

Komentar

Posting Komentar

Postingan populer dari blog ini

Trouble shooting jaringan

Gambar
Oke langsung saja, kali ini kita akan membahas 7 OSI Layer 1.     Application Layer  : Berfungsi sebagai antarmuka dengan aplikasi dengan fungsionalitas jaringan, mengatur bagaimana aplikasi dapat mengakses jaringan, dan kemudian membuat pesan-pesan kesalahan. Protokol yang berada dalam layer  ini adalah HTTP, FTP, SMTP, dan NFS. 2.     Presentation Layer  : Berfungsi untuk mentranslasikan data yang hendak ditransmisikan oleh aplikasi ke dalam format yang dapat ditransmisikan melalui jaringan. Protokol yang berada dalam Layer ini adalah perangkat lunak redirektor (redirector software), seperti layanan Workstati on  (dalam Windows NT) dan juga Network shell (semacam Virtual Network Computing (VNC) atau Remote Desktop Protocol (RDP)). 3.     Session Layer  : Berfungsi untuk mendefinisikan bagaimana koneksi dapat dibuat, dipelihara, atau dihancurkan. Selain itu, di layer ini juga dilakukan resolusi nama. 4.       Transport Layer  : Berfungsi untuk memecah data ke dalam
Baca selengkapnya

P.WEB KEGIATAN 6

Gambar
Coding: <!DOCTYPE html> <head> <title>Top index</title> </head> <body> <form id="form1" name="form1" method="post" action="">   <table width="800" height="542" border="1"   align="center">     <tr>      <td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner          / Judul</font></strong></td>     </tr>         <tr>       <td height="457" align="center" bgcolor="#CCCCCC">          <p>Body atau contents(isi)</p>         <p><font color="#006600">Body atau contents(isi)</font></p>         <p><font color="#CC0000">Body atau contents(isi)</font></p>         <p><font color=
Baca selengkapnya

Memberi Keterangan pada Gambar

Gambar
Memberi Keterangan pada Gambar Codingnya: <html>     <head>         <title>Tugas3</title>             <h2><b> Menyajikan format dengan keterangan</h2>     </head>         <body>             <img src="pathan4.jpg" title="X TKJ B" width="470" height="310" title=""/>         </body> </html> Hasilnya:  
Baca selengkapnya