Membuat tabel menggunakan kode html dan Bisa link ke blog-blog/Alamat website teman anda



Buka notepad masukkan kode html seperti di bawah ini :

<html>
<head>
<title>latihan</title>
</head>
<body background="animated_4.gif">
<div align="left"><center><img src="akmi.png" width=120 height=100><img src="animasi selamat datang.gif" width=400 height=124><img src="akmi.png" width=120 height=100></center>
  </center>
  <center>
</div>
<h4><font face="Georgia, Times New Roman, Times, serif" color="#00FF00" font size="6"><blink>
  <div align="center">IN BLOG MI.D3.D</div>
</blink></font></h4>
<font face="Courier New, Courier, monospace">
<marquee>
<font color="blue" font size="90"><strong>Tugas Desain Web</strong></font>
</marquee>
    <th scope="row">&nbsp;</th>
  <tr>

<strong><font size="50"></u> </font></strong></font>    
     <center><font face="elephant"></center>
     <table align="center" border="3" color="red">
   
    
<tr><table border="1" align="center" width="60%" height="80%">
        
  <td width="10%"><center>NO</center></td>
  <td width="47%"><center>NAMA BLOG MI.D3.D</center></td>      
  <td width="43%"><center>KETERANGAN</center></td>
  <tr>
  <td><center>1</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">lestari seprianti</font></A></td>
  <td><center>Aktif</center></td>
  </tr>
<tr>
  <td><center>2</center></td>
  <td><A HREF="joaniezz29.blogspot.com">ade pratiwi joani</font></A></td>
  <td><center>Aktif</center></td>
  </tr>
<tr>
  <td><center>3</center></td>
  <td><font color="#00FF00"><A HREF="wayandarmini2.blogspot.com">niwayan darmini</A></font></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>4</center></td>
  <td><font color="#00FF00"><A HREF="heinovitasari.blogspot.com">hepi novita</A></font></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>5</center></td>
  <td><font color="#00FF00"><A HREF="jayantimandasari7.blogspot.com">jayanti mandasari</A></font></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>6</center></td>
  <td><font color="#00FF00"><A HREF="http://widya31.blogspot.com.blogspot.com">widya farosi</A></font></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>7</center></td>
  <td><font color="#00FF00"><A HREF="diansari15.blogspot.com">dian maya sari</A></font></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>8</center></td>
  <td><A HREF="nefiya.blogspot.com">nefia sari</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>9</center></td>
  <td><A HREF="ryanseptian11.blogspot.com">ryan septian</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>10</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">ela agustina</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>11</center></td>
  <td><A HREF="Oktabatik.blogspot.com">oktalia</A></td>
  <td><center>Aktif</center></td>
  </tr>
         
  <tr>
  <td><center>12</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">fitri</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>13</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">evi tamala</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>14</center></td>
  <td><A HREF="mirapratam.blogspot.com">mira desi melina</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>15</center></td>
  <td><A HREF="renadiana2.blogspot.com>rena diana</A></td>
<td><center>Aktif</center></td>
</tr>

<tr>
<td><center>16</center></td>
<td><A HREF="ettywae24.blogspot.com">eti rohayati</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>17</center></td>
  <td><A HREF="yulianti3.blogspot.com">yulianti</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>18</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">andri nopita</A></td>
  <td><center>Aktif</center></td>
  </tr>
  <tr>
  <td><center>19</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">ari budiman</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>20</center></td>
  <td><A HREF="fransiskusvendi.blogspot.com">fransiskus</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>21</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">ory dwiagesty</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>22</center></td>
  <td><A HREF="florensy93.blogspot.com">florensy</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>23</center></td>
  <td><A HREF="niningsariyanti.wordpress.c6">nining</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>24</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">Ifa agustina</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>25</center></td>
  <td><A HREF="lestariseprianti.blogspot.com">fetiana</A></td>
  <td><center>Aktif</center></td>
  </tr>
        
  <tr>
  <td><center>26</center></td>
  <td><A HREF=".blogspot.com">gustri</A></td>
  <td><center>Aktif</center></td>
  </tr>
 
</body>
</html>

Nah teman-teman copy aja scribt html ini nanti teman-teman edit gmbar atau baground sesuai yang teman-teman inginkan

Lalu di open with menggunakan Mozila , internet explorer atau google chrome  maka tampilan nya seperti dibawah ini :



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar