About Me
Recent Posts
Twitter Update
Featured Video
Blogger news
Blogger templates
Blogroll
Alamat Blog Sahabat
INSTRUKTUR TKJ
Jeffri Hunter, CCNA, CCAI
M. Tarmizi, CCNA, CCAI
Oki Helfiska
Muhammad Addinillah
Tengku Khairil Ahsyar
SISWA/i KELAS XI TKJ
Ahmad Sofian
Berly Puja Septa
David Anggi
Dean Juliano
Deavani
Endi Verya
Goestia Ayu Y
Harival Tivani
Harry Kurniawan
Kaspa Yobel
Lisa Ariska
M. Azmi Sidiq
Marda Arauf
Muhammed Edwin R
M. Ammar
M. Enmirza Ridwan
M. Resna Risky P
M. Yoga Kafila
Nahdyah Nofendry
Rayono Panjunan
Risky Ade Sumantri
Roy Satrio
Shafwan Syah Reza
Suryadi Yusuf
Tipanilla Erisman
Yopy Marliandika
SISWA/i KELAS XII TKJ A
Agung Kharisma P
Arfan Affandi
Alem Sa'adi
Alexander Dewa G
Alif Nurfadho
Agusri Darlis
Bhima Yudha
Carles Simanjuntak
Dimas Suwendo
Meilani Lamtiur
Merisa
M. Abdillah
Nurul
Rani Manalu
Shielsy Niwaty N
Vina
SISWA/i KELAS XII TKJ B
Busyro Diniari Debi Ramadani
Depi Irawati
Deska Ayu Risham P
Erig Rolando
Fitra Sari Nurul H
Fitriana
Gustirandi
Kurnia Oktaviani
Muhardika Mulki
M. Imam Alhadi
Febi Rizki Ananda
M. Alvino
Roby Usman
Sebastian Mandai
Siti Khadijah
Tirto Endro K
Umar Bambang
Wahyudi Firdaus
Yodi Saputra
Jeffri Hunter, CCNA, CCAI
M. Tarmizi, CCNA, CCAI
Oki Helfiska
Muhammad Addinillah
Tengku Khairil Ahsyar
SISWA/i KELAS XI TKJ
Ahmad Sofian
Berly Puja Septa
David Anggi
Dean Juliano
Deavani
Endi Verya
Goestia Ayu Y
Harival Tivani
Harry Kurniawan
Kaspa Yobel
Lisa Ariska
M. Azmi Sidiq
Marda Arauf
Muhammed Edwin R
M. Ammar
M. Enmirza Ridwan
M. Resna Risky P
M. Yoga Kafila
Nahdyah Nofendry
Rayono Panjunan
Risky Ade Sumantri
Roy Satrio
Shafwan Syah Reza
Suryadi Yusuf
Tipanilla Erisman
Yopy Marliandika
SISWA/i KELAS XII TKJ A
Agung Kharisma P
Arfan Affandi
Alem Sa'adi
Alexander Dewa G
Alif Nurfadho
Agusri Darlis
Bhima Yudha
Carles Simanjuntak
Dimas Suwendo
Meilani Lamtiur
Merisa
M. Abdillah
Nurul
Rani Manalu
Shielsy Niwaty N
Vina
SISWA/i KELAS XII TKJ B
Busyro Diniari Debi Ramadani
Depi Irawati
Deska Ayu Risham P
Erig Rolando
Fitra Sari Nurul H
Fitriana
Gustirandi
Kurnia Oktaviani
Muhardika Mulki
M. Imam Alhadi
Febi Rizki Ananda
M. Alvino
Roby Usman
Sebastian Mandai
Siti Khadijah
Tirto Endro K
Umar Bambang
Wahyudi Firdaus
Yodi Saputra
Pages
Dukungan
Translate
Waktu Sekarang..???
Diberdayakan oleh Blogger.
Popular Posts
-
PENGGUNAAN IKON-IKON PADA CONTROL PANEL CATEGORY VIEW Sistem Operasi pada suatu computer mempunyai fungsi tertentu terhadap system computer ...
-
Disk defragmentation adalah proses yang mengumpulkan bersama bagi ruang bebas pada hard disk oleh Memadatkan file kecil yang tersebar pada ...
-
» DVD + R adalah format untuk penyimpanan data optik. Hal ini mirip dengan, tetapi tidak sesuai dengan standar DVD-R tua. Sebuah DVD +...
-
Internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebu...
-
JENIS JARINGAN KOMPUTER Secara umum jaringan komputer dibagi atas lima jenis, yaitu; 1. Local Area Network (LAN) Local Area Network ...
-
Sejarah Jaringan Komputer Global/Dunia dimulai pada 1969 ketika Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Age...
-
Keyboard adalah Alat input yang digunakan untuk mengetik informasi ke dalam komputer dan menjalankan berbagai intruksi atau perintah ke dala...
-
Apa itu BlankOn Linux ? BlankOn Linux merupakan salah satu distro Linux yang berisikan piranti lunak (software) yang dapat digunak...
-
(Oleh: Dr. Ir. Gatot Hari Priowirjanto, Ir. Bagiono Djokosumbogo, Bondan S. Prakoso, S.T., Khalid Mustafa, S.T.) Makalah ini disampaikan pa...
-
SEJARAH MOUSE Perkembangan Mouse Perkembangan dunia teknologi informasi dapat dikatakan memang sangat cepat, bahkan sering kali bagi se...
Followers
Cara Membuat Tabel Pada HTML
04.30 |
Diposting oleh
ray_ws
Untuk membuat sebuah tabel maka susun bahan-bahan tersebut menjadi seperti ini,
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.
digunakan untuk membuat suatu baris baru. Sedangkan digunakan untuk membuat kolom/data. Supaya gampang mengingatnya, ingat saja huruf belakangnya, tr --> r = row, td --> d = data.
baris 1, kolom 1 | baris 1, kolom 2 |
baris 2, kolom 1 | baris 2, kolom 2 |
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.
digunakan untuk membuat suatu baris baru. Sedangkan 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.
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 yang bernama colspan. Lihat di bawah ini untuk cara penggunaannya.
Perhatikan bagian "Ini adalah kolom yang digabungkan", sebelumnya terlihat perintah 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.
digabungkan.
1 | |
2 | 3 |
4 | 5 |
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 yang bernama colspan. Lihat di bawah ini untuk cara penggunaannya.
- <table>
- <tr>
- <td colspan="2">Ini adalah kolom yang digabungkantd>
- tr>
- <tr>
- <td>baris 2, kolom 1td>
- <td>baris 2, kolom 2td>
- tr>
- <tr>
- <td>baris 3, kolom 1td>
- <td>baris 3, kolom 2td>
- tr>
- table>
Ini adalah kolom yang digabungkan | |
baris 2, kolom 1 | baris 2, kolom 2 |
baris 3, kolom 1 | baris 3, kolom 2 |
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.
- <table>
- <tr>
- <td colspan="2">Ini adalah kolom yang digabungkantd>
- tr>
- <tr>
- <td rowspan="2">baris 2, kolom 1td>
- <td>baris 2, kolom 2td>
- tr>
- <tr>
- <td>baris 3, kolom 2td>
- tr>
- table>
Langganan:
Posting Komentar (Atom)
Labels
- info komputer (2)
- Info Siak (1)
- LCD (1)
- Perkembangan Keyboard (1)
- Tugas (4)
0 komentar:
Posting Komentar