Home » MATKUL 3 » Script Pemrograman » Teknik Informatika » TABLE PERCOBAAN HTML

TABLE PERCOBAAN HTML

in , , - on 22.55 - No comments
 TABLE PERCOBAAN HTML

    Halo guys hari ini gue bakalan share script table untuk pembuatan web html,mungkin ini sederhana tapi semoga apa yang gue share ke blog ini dapat bermanfaat buat kalian okay..
    Nah skarang gue bakalan kasih 4 Script table html yang saya buat untuk bahan pembelajaran.
output tabble ini akan seperti ini


  1. Table Pertama 

 
tabble di atas menggunakan table script ini :
<html>
<head>
<title>
Ripal maulana tugas table 1
</title>
</head>
<body>

<table border="1" width="1000" height="100" cellspacing="5">
  <tr>
    <th style="background:#cccccc;td colspan="3" >RIPAL MAULANA</td>
    <th style="background:#cccccc;td align="right" colspan="3" >RIPAL MAULANA</td>
  </tr>
</table>

    <hr width="99%" align="left" size="12px" color="black">
<table border="1" width="1000">
  <tr>
    <th style="background:aqua;td align="center" colspan="3" >RIPAL MAULANA</td>
  </tr>
</table>
    <br/>

<table border="1" width="1000" cellspacing="5">
  <tr>
    <th style="background:grey;td valign="top" width="200" height="400">FAKULTAS TEKNIK</td>
 </tr>

</table>
<hr width="99%" align="left" size="12px" color="black">

<table border="1" width="1000" height="100" cellspacing="5">
  <tr>
    <th style="background:grey;td colspan="3" >RIPAL MAULANA</td>
    <th style="background:grey;td align="right" colspan="3" >RIPAL MAULANA</td>
  </tr>
</table>

</body>
</table>

   2. Table Kedua
tabble di atas menggunakan table script ini :
<html>
<head>
<title>
Ripal maulana tugas table 4
</title>
</head>
<body>

<table border="1" width="1000">
<tr>
        <th style="background:cyan;td valign="center" colspan="10" >RIPAL MAULANA</td>
   
</tr>

<tr>
        <th style="background:grey;td valign="center" height="300" colspan="10" >RIPAL MAULANA</td>
</tr>
</table>
<br/>
<table border="1" width="1000" height="300" cellspacing="5">
<tr>
        <td align="center" colspan="3" >RIPAL MAULANA</td>
    <td align="center" colspan="3" >RIPAL MAULANA</td>
    <td align="center" colspan="3" >RIPAL MAULANA</td>
    <td align="center" colspan="3" >RIPAL MAULANA</td>
</tr>
</table>
<br/>
<table border="1" width="1000">
<tr>
        <th style="background:grey;td align="center" colspan="3" >RIPAL MAULANA</td>
    <th style="background:grey;td align="center" colspan="3" >RIPAL MAULANA</td>
    <th style="background:grey;td align="center" colspan="3" >RIPAL MAULANA</td>
    <th style="background:grey;td align="center" colspan="3" >RIPAL MAULANA</td>
</tr>
<tr>
        <th style="background:cyan;td valign="center" colspan="10" >RIPAL MAULANA</td>
   
</tr>

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

    3.  Table Ketiga
tabble di atas menggunakan table script ini :
 <html>
<head>
<title>
Ripal maulana tugas table 2
</title>
</head>
<body>

<table border="1" width="1000">
  <tr>
    <th style="background:cyan;td align="center" colspan="3" >RIPAL MAULANA</td>
  </tr>
</table>

    <hr width="99%" align="left" size="12px" color="black">
  
<table border="1" width="1000" cellspacing="5">
  <tr>
    <th style="background:grey;td align="center" width="200" >FAKULTAS TEKNIK</td>
    <td align="center" rowspan="4" width="700" height="400" >BAGIAN ISI</td>
  </tr>
<tr>
  <th style="background:grey;td align="center" width="200" >PEMROGRAMAN WEB</td>
  </tr>
<tr>
  <th style="background:grey;td align="center" width="200" >PEMROGRAMAN C++</td>
 </tr>
<tr>
  <th style="background:grey;td align="center" width="200" >DATA BASE</td>
  </tr>
</table>
<hr width="99%" align="left" size="12px" color="black">

</body>
</html>
    4. Table Keempat
<html>
<head>
<title>
Ripal maulana tugas table 3
</title>
</head>
<body>


<table border="1" width="1000" cellspacing="5">
  <tr>
    <td align="center" width="200" >RIPAL MAULANA</td>
    <th style="background:grey;td align="center" rowspan="4" width="700" height="100" >HEADER KANAN</td>
  </tr>
</table>
<br/>

<table border="1" width="1000" cellspacing="5">
  <tr>
    <td align="center" width="200" height="200">RIPAL MAULANA</td>
    <td align="center" rowspan="4" width="700" height="100" >HEADER KANAN</td>
  </tr>
</table>
<br/>

<table border="1" align="right" width="780" cellspacing="5">
  <tr>
    <td align="center" height="200">Footer tengah</td>
    <th style="background:grey;td align="center">Footer kanan</td>
  </tr>
</table>

</body>
</html>


Semoga bermanfaat dan trimakasi :D
 
Label: , ,

Posting Komentar