Home Archives for September 2016

Kamis, 29 September 2016

latihan membuat tabel di dalam tabel

Diterbitkan
Tags
<html>
<head><title>Table didalam Table</title>
</head>
<body>
<table border=1 width=700px height=500px bgcolor=red>
<tr>
<td rowspan=2>
<table border=1 width=200px height=100px align=center bgcolor=green>
<tr>
<td>1A</td>
<td>2A</td>
</tr>
<tr>
<td>1B</td>
<td>2B</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1 width=200px height=100px align=center bgcolor=green>
<tr>
<td>1C</td>
<td>2C</td>
</tr>
<tr>
<td>1D</td>
<td>2D</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</head>
</html>

Kamis, 08 September 2016

tugas tabel buah

Diterbitkan
Tags
<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
  <tr>
    <th scope="col">Apel </th>
    <th rowspan="4" scope="col">Jeruk </th>
    <th colspan="4" scope="col">Mangga </th>


  </tr>
  <tr>
    <th scope="col">Pisang </th>
    <th colspan="4" scope="col">Nanas </th>
  </tr>
  <tr>
    <td>Leci</td>
  </tr>
</table>
</body>
</html>

tugas tabel 2 benua

Diterbitkan
Tags
<html>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" >
    <th scope="col">Benua</th>
    <th colspan="2" scope="col">Eropa </th>
    <th colspan="4" scope="col">Asia </th>
  </tr>
  <tr>
    <td>Negara </td>
    <td>Belanda </td>
    <td>Italia </td>
    <td>Indonesia </td>
    <td>India </td>
</table>
</body>
</html>

dokumen html tabel benua

Diterbitkan
Tags
<html>
<head>
<title>Tabel Dengan Rowspan </title>
</head>
<body>
<table width ="500" border ="1">
<tr>
<th scope ="col">Benua </th>
<th scope ="col">Eropa </th>
</tr>
<tr>
<td rowspan ="4">Negara </td>
<td>Arab saudi </td>
</tr>
<tr>
<td>India</td>
</tr>
<tr>
 <td>Indoensia </td>
</tr>
<tr>
 <td>Singapura </td>
</tr>
<td rowspan ="4"> Eropa </td>
<td>Belanda </td>
</tr>
<tr>
<td>Italia</td>
</tr>
<tr>
 <td>Inggris </td>
</tr>
<tr>
 <td>Jerman </td>
</tr>
</table>
</body>  
</html>

tabel dengan colspan

Diterbitkan
Tags
<html>
<head>
<title>dengan rowspan</title>
</head>
<body>
<table width="500" border="1">
  <tr>
   <th scope="col">namaperumahan </th>
   <th scope="col">tipe / luas tanah
  (m<sup>2</sup>) </th>
</tr>
<tr>
  <td rowspan="4">griya indah permai </td>
  <td>21 / 60 </td>
</tr>
<tr>
  <td>36 / 90 </td>
</tr>
<tr>
  <td>45 / 120 </td>
</tr>
<tr>
</table>
</body>
</html>      
 

tabel dengan rowspan

Diterbitkan
Tags
<html>
<head>
<title>dengan rowspan</title>
</head>
<body>
<table width="500" border="1">
  <tr>
   <th scope="col">namaperumahan </th>
   <th scope="col">tipe / luas tanah
  (m<sup>2</sup>) </th>
</tr>
<tr>
  <td rowspan="4">griya indah permai </td>
  <td>21 / 60 </td>
</tr>
<tr>
  <td>36 / 90 </td>
</tr>
<tr>
  <td>45 / 120 </td>
</tr>
<tr>
</table>
</body>
</html>      

Senin, 05 September 2016

tugas pembuatan tabel 2

Diterbitkan
Tags
<html>
<head>
<tittle>penggunaan ALIGN</tittle>
</head>
<body>
<table border="1">
<caption>Daftar wiraniaga</caption>
<tr>
   <th colspan ="2" rowspan ="2">WIRANIAGA</th>
   <th colspan ="3">KOTA</th>
</tr>
<tr>
   <th>SEMARANG</th>
   <th>Kudus</th><th>Solo</th>
<tr>
<tr>
   <th rowspan ="2">Jenis Kelamin</th>
   <th>Pria</yh>
   <th align= "right">30</td>
   <td align= "right">20</td>
   <td align= "right">30</td>
</tr>
<tr>
   <th>wanita</th>
   <td align= "right">20</td>
   <td align= "right">8</td>
   <td align= "right">18</td>
</tr>


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

Kamis, 01 September 2016

tugas pembuatan tabel 1

Diterbitkan
Tags
<html>
<head>
<title>TABLE</table>
</head>
<body>
berikut contoh table dengan rowspan dan clospan
<table width=728px border=2cellespacing=0 cellpadding=0>
<tr bgcolor=blue>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr bgcolor=yellow>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr bgcolor=red>
<td rowspan=2>baris 3 kolom 1</td>
</tr>
</table>
</body>
</html>

tugas tabel html

Diterbitkan
Tags
<html>
<head>
<title>membuat dokumen table</title>
</head>
<body>
<table border=1 bgcolor=blue>
   <tr bgcolor=blue>
<td>data baris 1 kolom 1</td>
<td>data baris 1 kolom 2</td>
<td>data baris 1 kolom 3</td>
   </tr>
   <tr bgcolor=blue>
<td>data baris 2 kolom 1</td>
<td>data baris 2 kolom 2</td>
<td>data baris 2 kolom 3</td>
   </tr>
   <tr bgcolor=blue>
<td>data baris 3 kolom 1</td>
<td>data baris 3 kolom 2</td>
<td>data baris 3 kolom 3</td>
   </tr>
</table>
</body>
</html>
Langganan: Postingan (Atom)