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

Array pada JS - P13

Di pembahasan kali ini akan membahas JS Array..Langsung simak aja guys... 1. Pengertian Array 2. Jenis jenis Array 3. Contoh contoh Array 1. Pengertian Array     Array adalah tipe data yang berisi kumpulan dari nilai atau tipe data lain. Nilai di dalam array disebut dengan elemen, dan setiap elemen memiliki ‘nomor urut’ yang dikenal dengan istilah index. Penomoran index di dalam array dimulai dari angka 0, sehingga elemen pertama berada di index0, elemen kedua berada di index 1, dst.     Array di dalam JavaScript bersifat dinamis, dan kita tidak perlu mendefenisikan berapa ukuran array pada saat membuat variabel. Jumlah elemen dapat ditambah dan dikurang setiap saat. Index array di dalam JavaScript juga tidak harus berurutan, JavaScript membolehkan elemen dari array ‘tidak terur...
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

Passing Data terhadap View pada Laravel

Passing Data terhadap View pada Laravel Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT, dibangun dengan konsep MVC (model view controller). Laravel adalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu. KONSEP MVC Nah itu penjelasan singkat mengenai Laravel Framework, dan sekarang kita Analisis kedua subject kodingan.. THE SUBJECT Example Kodingan A Penjelasan mengembalikan nilai dengan tipe variabel array ( lebih dari 1 variabel ) yang diarahkan kepada folder pages yang didalamnya terdapat file belajar.blade.php , dengan mempassing data dengan variabel $data . Example Kodingan B Penjelasan mengembalikan nilai dengan tipe variabel string namun, varia...
Post a Comment
Read more