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

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

Profil PHP - P19

PROFIL SAYA 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 <!DOCTYPE html> <html> <head> <title> DATA PRIBADI </title> <link rel="stylesheet" type="text/css" href="coba.css" > </head> <body> <section class="kotaknya" > <img src="FOTO.png" clas="image" width="300" height="450" /> </div> </section> <h1> Biografi pribadi </h1> <?php $nama_saya = "Muhamad Alfi Rizqi"; $kelas = "XI RPL 1"; $sekolah = "SMKN 4 Bandung"; $nis = "1718 117123"; $umur = "16 Tahun"; $berat_badan= "50 kg"; $hobi = "Bersepeda, Playing Games, mendaki"; $tinggi = "167 cm"; $alamat = ...
Post a Comment
Read more

Mengenal beberapa teknik dari C++

Materi Dasar C++            Sebelum membahas lebih dalam ke materi ada hal yang harus saya berikan mengenai apa itu C++? C++ adalah bahasa pemrograman yang berhubungan dengan bahasa C, yang meliputi konsep kompilasi, kerangka program dan file header, dalam pembahasan kali ini saya akan memberikan trik dan tips agar Anda bisa belajar mengenai bahasa pemrograman C++ dengan mudah. Perlu Anda ketahui terlebih dahulu bahwa bahasa C++ dan C tergolong ke dalam bahasa pemrograman tingkat menengah, lebih jelasnya bisa di lihat di bawah ini golongan bahasa pemrograman menurut tingkat kesulitannya. Bahasa Tingkat Tinggi : Pascal Modula-2 FORTRAN BASIC dll.   Bahasa Tingkat Menengah: Java C C++ FORTH Bahasa Tingkat Rendah: Assembler Macro-Assembler Untuk itu, Mari kita sama sama mempelajari bahasa C++ dengan memahami berikut ini: Dalam bahasa C++ Anda juga harus mengerti tentang apa itu Preprocessor, untuk itu marilah kita...
Post a Comment
Read more