Membuat Tabel dengan Mengunakan Ukuran Dengan HTML

Kamis, 20 Januari 2011

Diposting oleh pelajar | di 20.44 0 komentar
Pada pastingan kali ini juga tidak jau dari postingan saya sebelum nya yaitu " Membuat Tabel dengan Mengunakan Ukuran Dengan Mengunakan  HTML"
Pada kali ini mengunakan media Macromedia Dreamweaver 8 dan Mozilla Firefox..

<body>
<table bgcolor="#0033FF" border="1" width="400" height="300">
    <tr>
        <td  colspan="2" width="400" height="50" align="center"><font face="Comic Sans MS" color="#000000">1</td></font>
    </tr>
    <tr>
        <td width="50" height="250" align="center"><font face="Comic Sans MS" color="#000000">2</td></font>
        <td width="350" height="250" align="center"><font face="Comic Sans MS" color="#000000">3</td></font>
    </tr>
</table>
</body>

Baca selengkapnya »

Table HTML

Diposting oleh pelajar | di 08.13 1 komentar
Heii semua...
Apa kabar nya..?
Pada postingan ini tidak akan jau dari postingan saya sebelum nya yaitu tentang “Mengabungkan baris dan kolom pada table mlalui HTML”
Yang kita butuh kan adalah : macromedia dreamweaver 8 dan modzilla ferfox
Berikut ini petunuk atau langka langak untuk melaku kanya

<body>
<font face="Verdana, Arial, Helvetica, sans-serif" color="#0000FF" size="3">
<table align='center' bgcolor="#00FFFF" width="100%" height="100%" border="a">
 <tr>
  <td rowspan="2" bgcolor="#FFFFFF" align="center">a</td>
  <td  align="center">b</td>
  <td  align="center">c</td>
  <td  align="center">d</td>
  <td colspan="2" rowspan="2" bgcolor="#00CC99"  align="center">e</td>
  <td  align="center">f</td>

Baca selengkapnya »

CARA CARA MEMBUAT TABEL DENGAN MENGUNAKAN HTML

Kamis, 13 Januari 2011

Diposting oleh pelajar | di 06.06 1 komentar
 


Membuat Tabel pada Halaman HTML
Tabel seperti yang kalian tahu terdiri dari kolom dan baris. Pada tabel data-data dimasukkan dalam kombinasi antara kolom dan baris tertentu. Beberapa baris dan kolom dari tabel bisa digabungkan untuk membuat tampilan yang sesuai dengan kebutuhan data kita. Pada html semua itu dapat dilakukan, namun tentunya kita harus mengetahui terlebih dahulu bahan-bahan apa saja yang diperlukan untuk meracik sebuah tabel. Untuk meracik sebuah tabel kita akan membutuhkan bahan-bahan sebagai berikut, <table>, <tr>, dan <td>.
Untuk membuat sebuah tabel maka susun bahan-bahan tersebut menjadi seperti ini,
  1. <table>  
  2. <tr>  
  3.     <td>baris 1, kolom 1</td>  
  4.     <td>baris 1, kolom 2</td>  
  5. </tr>  
  6. <tr>  
  7.     <td>baris 2, kolom 1</td>  
  8.     <td>baris 2, kolom 2</td>  
  9. </tr>  
  10. </table>  
<table>
<tr>
<td>baris 1, kolom 1</td>
<td>baris 1, kolom 2</td>
</tr>
<tr>
<td>baris 2, kolom 1</td>
<td>baris 2, kolom 2</td>
</tr>
</table>
Susunan seperti kode diatas akan membuat sebuah tabel sederhana yang berukuran 2 X 2, yaitu 2 kolom dan 2 baris. Sekarang perhatikan karena konsep dari tabel ini cukup sulit namun akan menjadi mudah apabila kalian memperhatikan penjelasan berikut.
Tabel dari html adalah berdasarkan kepada baris atau row. Anggap kamu ingin memasukkan data pada baris pertama kolom pertama maka pertama kali yang kalian harus lakukan adalah membuat sebuah baris lalu setelah itu membuat kolom, baru setelahnya memasukkan data. Apabila kalian ingin memasukkan data pada kolom kedua baris pertama maka kalian harus membuat sebuah baris, kemudian buat kolom pertama, setelah itu buat kolom kedua, baru isi datanya. Jadi intinya baris dulu baru kolom.
<tr> digunakan untuk membuat suatu baris baru. Sedangkan <td> digunakan untuk membuat kolom/data. Supaya gampang mengingatnya, ingat saja huruf belakangnya, tr --> r = row, td --> d = data.
Setelah mengetahui dasarnya, maka selanjutnya kita akan belajar untuk menyatukan 2 kolom pada sebuah tabel. Lihat contohnya dibawah ini, kita akan membuat sebuah tabel dimana terdapat 2 kolom yang digabungkan.


1
2
3
4
5
Lihat, pada baris pertama, kolom pertama dan kedua digabung sehingga isi dari kolom tersebut bisa sepanjang 2 kolom. Biasanya penggabungan kolom seperti contoh diatas digunakan untuk membuat judul dari tabel.
Lalu sekarang bagaimana cara membuatnya agar bisa digabungkan ? Asal kita mengetahui bahan tambahannya hal itu mudah sekali untuk dilakukan. Bahan tambahan tersebut berupa atribut dari <td> yang bernama colspan. Lihat di bawah ini untuk cara penggunaannya.
  1. <table>  
  2. <tr>  
  3.     <td colspan="2">Ini adalah kolom yang digabungkan</td>  
  4. </tr>  
  5. <tr>  
  6.     <td>baris 2, kolom 1</td>  
  7.     <td>baris 2, kolom 2</td>  
  8. </tr>  
  9. <tr>  
  10.     <td>baris 3, kolom 1</td>  
  11.     <td>baris 3, kolom 2</td>  
  12. </tr>  
  13. </table>  
<table>
<tr>
<td colspan="2">Ini adalah kolom yang digabungkan</td>
</tr>
<tr>
<td>baris 2, kolom 1</td>
<td>baris 2, kolom 2</td>
</tr>
<tr>
<td>baris 3, kolom 1</td>
<td>baris 3, kolom 2</td>
</tr>
</table>
Perhatikan bagian "Ini adalah kolom yang digabungkan", sebelumnya terlihat perintah <td colspan="2"> bukan ? Ini adalah contoh penggunaan colspan. Colspan memerintahkan agar beberapa kolom digabungkan tergantung dari nilai yang dituliskan. Pada contoh diatas nilai tersebut adalah "2" sehingga 2 kolom digabungkan menjadi satu dan hasilnya dapat kalian lihat seperti contoh tabel diatas.
Contoh diatas adalah untuk menggabungkan kolom secara horisontal, namun bagaimana cara menggabungkan kolom secara vertikal? Berikut ini kita akan belajar untuk menggabungkan kolom 2 secara vertikal. Lihat tabel dibawah ini.
1
2
3
5
Perhatikan tabel diatas, kolom 2 dan kolom 4 digabung sehingga kolom 4 nya hilang. Untuk membuat tabel seperti diatas atribut tambahan yang diperlukan adalah rowspan. Mudah bukan mengingatnya? jika masih dalam satu baris kita menggunakan colspan sedangkan apabila pidah baris kita menggunakan rowspan. Dibawah ini adalah perintah yang digunakan untuk membuat tabel seperti diatas.
  1. <table>  
  2. <tr>  
  3.     <td colspan="2">Ini adalah kolom yang digabungkan</td>  
  4. </tr>  
  5. <tr>  
  6.     <td rowspan="2">baris 2, kolom 1</td>  
  7.     <td>baris 2, kolom 2</td>  
  8. </tr>  
  9. <tr>  
  10.     <td>baris 3, kolom 2</td>  
  11. </tr>  
  12. </table>  
<table>
<tr>
  <td colspan="2">Ini adalah kolom yang digabungkan</td>
</tr>
<tr>
  <td rowspan="2">baris 2, kolom 1</td>
  <td>baris 2, kolom 2</td>
</tr>
<tr>
  <td>baris 3, kolom 2</td>
</tr>
</table>
Kalian dapat mencobanya di papan tulis yang disediakan di bagian bawah halaman ini.
Ada atribut-atribut lain yang berhubungan dengan tabel seperti border, align, cellpadding, dan sebagainya yang dapat kalian pelajari lebih lanjut di bagian penjelasan tag HTML.

SUMBER       : Belajar.com


Langganan: Postingan (Atom)

Followers

Popular Posts

  • Script Query Pada PHP+MySQL
    Setelah lama saya tidak membuat postingan pada kesempatam kali ini saya akan memposting  tentang Script Q...
  • Eksternal Command
    PERINTAH DOS EKSTERNAL COMMAND CHKDSK ( Berfungsi untuk melihat kondisi media penyimpanan yang kita pakai ) Rumus : CHKDSK [ drive : ] J...
  • Control Panel
    CONTROL PANEL , merupakan default folder yang berisi fasilitas-fasilitas untuk mengatur fungsi-fungsi pada komputer kita, seperti program ...
  • Troubleshooting
    Cara Mengatasi Troubleshooting PC Lambat Para user komputer sering menemukan keluhan yang cukup membosankan, yaitu komputernya menjadi la...
  • Printah Kombinasi Dir
    PERINTA KOMBINASI DIR Perintah “DIR” berfungsi untuk melihat daftar file/folder yang berada di direktori atau folder tertentu. Sebenarnya...
  • Spreedsheet
    Pengertian Spreedsheet Spreadsheet adalah suatu jenis aplikasi progam lembaran kertas yang berisikan informasi dan mengolah data didalam...
  • Membuat Tabel dengan Mengunakan Ukuran Dengan HTML
    Pada pastingan kali ini juga tidak jau dari postingan saya sebelum nya yaitu " Membuat Tabel dengan Mengunakan Ukuran Dengan Mengunaka...
  • Software Spreadsheet
    Software Spreadsheet sangat penting dalam dunia modern pada zaman sekarang. Spreadsheet memungkinkan pengguna untuk membuat daftar, mengat...
  • From Factor Pada HardDisk
     From Factor HardDisk Kebanyakan hard disk dirancang untuk dipasang di bagian dalam PC, dan diproduksi di salah satu dari selusin atau lebih...
  • CARA CARA MEMBUAT TABEL DENGAN MENGUNAKAN HTML
      Membuat Tabel pada Halaman HTML Tabel seperti yang kalian tahu terdiri dari kolom dan baris. Pada ...

About Me

Foto saya
Aku Akan Belajar Dengan Serius

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

free counters
Diberdayakan oleh Blogger.