Skip to main content

Membuat Tabel - P5

Membuat Tabel dengan HTML

Langsung saja ke Materi




Karena hanya itu materi yang diberikan oleh Ibu guru saya.. Jadi kita langsung


LAT12TABEL1.HTML


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
 <head>
 <title>Tabel</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="Rockwell" color="211A1D">
  <p>Muhamad Alfi</p>
<p>XI RPL 1</p>
  
  <table width="80%" border="2" cellspacing="0" cellpadding="0" bgcolor="#AFAEB9">
   <tr>
    <td>Baris 1 Kolom 1</td>
    <td>Baris 1 Kolom 2</td>
   </tr>

   <tr>
    <td colspan="2"> Baris 2 Kolom 1</td>
   </tr>

   <tr>
    <td rowspan="2"> Baris 3 Kolom 1</td>
    <td>Baris 3 Kolom 2 </td>
   </tr>
  </table>
  </font>
 </body>
</html>


LAT13TABEL2.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
 <head>
 <title>Pengunaan Align</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="Verdana" color="211A1D">
  <p>Muhamad Alfi</p>
  <p>XI RPL 1</p>
  <table width=750 border="1" align="center">
   <h2 align="center">Daftar Wiraniaga</h2>
   <tr>
    <th colspan="2" rowspan="2"> Wiraniaga</th>
    <th colspan="3">KOTA</th>
   </tr>
   <tr>
    <th>Pati</th><th>Kudus</th><th>Solo</th>
   </tr>
   <tr>
    <th rowspan="2">Jenis Kelamin</th>
    <th>Pria</th>
    <td align="right">30 Orang</td>
    <td align="right">20 Orang</td>
    <td align="right">30 Orang</td>
   </tr>
   <tr>
    <th>Wanita</th>
    <td align="right">20 Orang</td>
    <td align="right">8 Orang</td>
    <td align="right">18 Orang</td>
   </tr>
  </table>
  </font>
 </body>
</html>


LAT14TABEL.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
 <head>
 <title>Lat14Tabel</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
<p>Muhamad Alfi</p>
<p>XI RPL 1</p>
  <table width="25%" border="1" align="center">
   <tr>
        <th>Nama</th><th>Usia</th>
      </tr>
      <tr align"left">
        <td>Ali</td>
        <td>25</td>
      </tr>
      <tr>
        <td>Fahmianto</td>
        <td>27</td>
      </tr>
  </table>
  </font>
 </body>
</html>

LAT15TABEL.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
 <head>
 <title>Lat15Tabel</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
 <p>Muhamad Alfi</p>
 <p>XI RPL 1</p>
  <table width="25%" border="1" align="center">
   <tr>
        <th align="center"><br>Nama</th>
    <th align="center"><br>Usia</th>
      </tr>
      <tr>
        <td><pre>Ali
    </pre></td>
        <td><pre>25
    </pre></td>
      </tr>
      <tr>
        <td><pre>Fahmianto
    </pre></td>
        <td><pre>27</pre></td>
      </tr>
  </table>
  </font>
 </body>
</html>


LAT16TABEL.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<html>
 <head>
 <title>Lat16Tabel</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
 <p>Muhamad Alfi</p>
 <p>XI RPL 1</p>
  <table widtd="15%" border="1">
   <tr align="center">
    <td rowspan="2" bgcolor="red">No</td>
    <td rowspan="2" bgcolor="aquamarine">Nama</td>
    <td colspan="5" bgcolor="lime">Pertemuan</td>
   </tr>
   <tr align="center" bgcolor="green">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
   </tr>
   <tr>
    <td align="center">1</td>
    <td>Neymar</td>
    <td>v</td>
    <td>v</td>
    <td>v</td>
    <td>v</td>
    <td align="center">s</td>
   </tr>
   <tr>
    <td align="center">2</td>
    <td>Cristiano</td>
    <td align="center">a</td>
    <td>v</td>
    <td align="center">i</td>
    <td align="center">s</td>
    <td>v</td>
   </tr>
   <tr>
    <td align="center">3</td>
    <td>Bale</td>
    <td align="center">a</td>
    <td>v</td>
    <td>v</td>
    <td>v</td>
    <td align="center">s</td>
   </tr>
  </table>
  </font>
 </body>
</html>


LAT17TABELTANAH.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
 <head>
 <title>Tabel Dengan Rowspan</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
 <p>Muhamad Alfi</p>
 <p>XI RPL 1</p>
  <table width="500" border="1">
   <tr>
    <th scope="col">Nama Perumahan</th>
    <th scope="col">Tipe/Luas Tanah (m<sup>2</sup>)</th>
   <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>
    <td>54/120</td>
   </tr>
  </table>
  </font>
 </body>
</html>


LAT18TABELTANAH.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
 <head>
 <title>Tabel Dengan Colspan</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
 <p>Muhamad Alfi</p>
 <p>XI RPL 1</p>
  <table width="500" border="1">
   <tr>
    <th scope="col">Perumahan</th>
    <th colspan="4" scope="col">Tipe/Luas Tanah (m<sup>2</sup>)</th>
   </tr>
   <tr align="center">
    <td>Griya Indah Permai</td>
    <td>21/60</td>
    <td>36/90</td>
    <td>45/120</td>
    <td>54/120</td>
   </tr>
  </table>
  </font>
 </body>
</html>


LAT19TABELDUNIA.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
 <head>
 <title>Tabel Benua</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
 <p>Muhamad Alfi</p>
 <p>XI RPL 1</p>
  <table width="500" border="1">
   <tr>
    <td>Benua</td>
    <td>Negara</td>
   </tr>
   <tr>
    <td rowspan="4">ASIA</td>
    <td>Arab Saudi</td>
   </tr>
   <tr>
    <td>India</td>
   </tr>
   <tr>
    <td>Indonesia</td>
   </tr>
   <tr>
    <td>Singapura</td>
   </tr>
   <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>
  </font>
 </body>
</html>


LAT20TABELBENUA2.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
 <head>
 <title>Tabel Benua2</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
  <p>Muhamad ALfi</p>
  <p>XI RPL 1</p>
  <table width="500" border="1">
   <tr>
    <td>Benua</td>
    <td colspan="2">EROPA</td>
    <td colspan="2">ASIA</td>
   </tr>
   <tr>
    <td>Negara </td>
    <td>Belanda</td>
    <td>Italia</td>
    <td>Indonesia</td>
    <td>Indonesia</td>
   </tr>
  </table>
  </font>
 </body>
</html>


LAT21TABELBUAH.HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
 <head>
 <title>Tabel Buah</title>
 </head>
 <body bgcolor="#DDEFDA">
 <font face="rockwell" color="211A1D">
  <p>Muhamad Alfi</p>
  <p>XI RPL 1</p>
  <table width="500" border="1">
   <tr>
    <td>Apel</td>
    <td rowspan="2" colspan="1">Jeruk</td>
    <td>Mangga</td>
   </tr>
   <tr>
    <td>Pisang</td>
    <td>Nanas</td>
   </tr>
   <tr>
    <td>Leci</td>
    <td></td>
    <td></td>
   </tr>
  </table>
  </font>
 </body>
</html>




Terima kasih~
Semoga bermanfaat~

Comments

Post a Comment

Popular posts from this blog

Membuat Anak Tangga menggunakan PHP - P24

Cara Membuat Anak Tangga menggunakan Array 2 Dimensi & Looping  Kali ini saya akan menunjukan kepada kalian cara membuat Anak Tangga di PHP menggunakan Array 2 dimensi & Looping dengan menyesuaikan Input dan pilihan warna dari User. Semoga bermanfaat~ <?php error_reporting ( 0 ); $jumlah = $_POST [ 'anakTangga' ]; $warna = $_POST [ 'warnaTangga' ]; for ( $i = 0 ; $i < $jumlah ; $i ++) { for ( $j = 0 ; $j < $i ; $j ++) { echo "<div class='kotak' style='background-color:$warna'></div>" ; } echo "<div class='kotak' style='background-color:$warna'></div><br>" ; } ?> Dan ini hasilnya Keterangan: Bahwa dalam menggunakan Array 2 Dimensi & Looping akan terus menerus mengulang sesuai dengan Input User <!DOCTYPE html> <html> <head> <title> Tangga Berwarna </title> </head> ...
Post a Comment
Read more

Komponen Audio,Video & Flash - P7

Menyediakan komponen, Audio, Video & Flash Format Tampilan Video Kita dapat menampilkan format audio pada halaman web, untuk menampilkannya dapat digunakan format seperti ini  Hasilnya: Source Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html> <head> <title> cek video </title> </head> <body> <video width= "999" height= "540" controls poster= "gambarku/cute-030.jpg" > <source src= "This Is Me.mkv" type= "video/mp4" > browser anda tidak mendukung format video ini </video> </body> </html> Format Tampilan Audio  Hasilnya: Format Tampilan Flash 1 2 3 4 5 6 7 8 <html> <head> <title> Animasi </title> </head> <body> <embed src= "media/Strong.swf" > </body> </html> Hasilnya: Aud...
4 comments
Read more

Algoritma C++ Konversi dan Menukar Bilangan dari User

MENJADIKAN CODING C++ BERMANFAAT UNTUK USER Selamat beraktivitas bagi pembaca sekalian dimanapun kalian berada.. Kali ini saya akan menunjukan kepada kalian coding sederhana dengan C++ sesuai dengan judulnya  Yang saya bahas kali ini adalah  -PERTUKARAN NILAI MENGGUNAKAN VARIABEL BANTU -PERTUKARAN NILAI TANPA MENGGUNAKAN VARIABEL BANTU -BILANGAN POSITIF & NEGATIF dan -KONVERSI WAKTU DARI DETIK KE JAM, MENIT, dan DETIK Langsung saja ke pembahasan di bawah ini. 1. PERTUKARAN NILAI MENGGUNAKAN VARIABEL BANTU -Kita menginisialisasikan terlebih dahulu variabelnya x, y, z dengan tipe data Integer sebenarnya variabel z hanya variabel pembantu saja -Lalu untuk pengulangannya saya memakai do while  dengan menginisialisasikan pilih dengan tipe data char -Lalu pengulangannya saya tulis do{ -Saya outputkan dengan  cout << "Masukan Nilai X : " ; dan input dengan cin >> a ; -Untuk proses saya masukan z = x ; x = y ; y = z ; ...
Post a Comment
Read more