Belajar Tabel HTML Part 1 - Mengenal Atribut Border, Cellpadding dan Cellspacing
Membuat tabel di html kemarin, ada sebuah atribut yang bernama cellpadding, cellspacing, dan ditambah atribut border untuk membangun sebuah tabel sederhana dalam html. Tabel yang menunjukan sel - sel berubah menggantikan tabel default lebih menarik.
Cukup mudah membuat tabel di html. Sebagai pelengkap tabel kemarin yang sudah kita buat ada beberapa Tag yang mungkin nanti mimin akan bahas dan atribut sekarang yang di bahas.
Simak ulasan berikut, Mengenal lebih jauh mengenai atribut cellpadding, cellspacing dan border:
Apa itu Cellpadding Dalam Tabel HTML?
Cellpadding biasa digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi teks itu sendiri. Dengan adanya cellpadding membuat tabel dalam html juga dapat ditandai dengan cellpadding ini. Berbeda dengan atribut yang ada di tabel html ini.
Yang belum pernah atau yang sedang belajar cobalah membuat tabel dengan cellpadding seperti berikut:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Di Scripypad</title>
</head>
<body>
<table cellpadding="2">
<tr>
<td>Nama</td>
<td>Sekolah</td>
<td>Umur</td>
<td>Alamat</td>
<td>Jurusan</td>
</tr>
<tr>
<td>Muhamad Ardiansyah</td>
<td>SMK Pertiwi</td>
<td>17</td>
<td>Babakan Baru, Bogor</td>
<td>Tata Niaga</td>
</tr>
<tr>
<td>Muhamad Fazar</td>
<td>SMK Pelita</td>
<td>17</td>
<td>Cigudeg Baru, Jasinga</td>
<td>TKJ</td>
</tr>
<tr>
<td>Muhamad Bairon</td>
<td>SMK Pandu</td>
<td>18</td>
<td>Babakan Lama, Bogor</td>
<td>TKJ</td>
</tr>
</table>
</body>
</html>
Setiap sisi dalam tabel semuanya membentuk apa yang diinginkan oleh cellpadding. Mengembangkan argumen yang tertera dan sederhana. Ketika atribut cellpadding di buat dengan angka yang diinginkan semuanya akan nampak berbeda dari hal sebelumnya dan tanpa bantuan border, cellpadding nampak seperti biasa saja.
Belajar Membuat Tabel Dalam HTML | Apa itu Cellspacing?
Dalam bentuk atribut serupa seperti cellpadding, cellspacing digunakan untuk membuat area space dengan memberikan jarak pada sebuah sel - sel yang berisi teks dalam tabel html.
Penempatan atribut cellspacing sama seperti cellpadding yang membantu sebuah tampilan tabel dalam html lebih menarik.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Di Scripypad</title>
</head>
<body>
<table cellspacing="5">
<tr>
<td>Nama</td>
<td>Sekolah</td>
<td>Umur</td>
<td>Alamat</td>
<td>Jurusan</td>
</tr>
<tr>
<td>Muhamad Ardiansyah</td>
<td>SMK Pertiwi</td>
<td>17</td>
<td>Babakan Baru, Bogor</td>
<td>Tata Niaga</td>
</tr>
<tr>
<td>Muhamad Fazar</td>
<td>SMK Pelita</td>
<td>17</td>
<td>Cigudeg Baru, Jasinga</td>
<td>TKJ</td>
</tr>
<tr>
<td>Muhamad Bairon</td>
<td>SMK Pandu</td>
<td>18</td>
<td>Babakan Lama, Bogor</td>
<td>TKJ</td>
</tr>
</table>
</body>
</html>
Terkait pembuatan cellspacing jika untuk memudahkan menampilkan hasil tataan tabel html kita memerlukan sebuah border dalam pembuatan Tabel di html ini. Agar dapat memberikan garis border untuk memberikan arahan bahwa sebuah tabel tersusun dengan rapih. Berikut contoh border dalam tabel html.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Di Scripypad</title>
</head>
<body>
<table border="5">
<tr>
<td>Nama</td>
<td>Sekolah</td>
<td>Umur</td>
<td>Alamat</td>
<td>Jurusan</td>
</tr>
<tr>
<td>Muhamad Ardiansyah</td>
<td>SMK Pertiwi</td>
<td>17</td>
<td>Babakan Baru, Bogor</td>
<td>Tata Niaga</td>
</tr>
<tr>
<td>Muhamad Fazar</td>
<td>SMK Pelita</td>
<td>17</td>
<td>Cigudeg Baru, Jasinga</td>
<td>TKJ</td>
</tr>
<tr>
<td>Muhamad Bairon</td>
<td>SMK Pandu</td>
<td>18</td>
<td>Babakan Lama, Bogor</td>
<td>TKJ</td>
</tr>
</table>
</body>
</html>
Kesimpulan
Terdapat 3 buah atribut tabel html disini yang mampu membantu pekerjaan anda dalam membentuk sebuah tabel yang sempurna. Ada kalanya jika anda tidak bisa membuat tabel anda bisa ko mempelajari ulasan ini.
Belajar Tabel HTML Part 1 - Mengenal Atribut Border, Cellpadding dan Cellspacing
Membuat tabel di html kemarin, ada sebuah atribut yang bernama cellpadding, cellspacing, dan ditambah atribut border untuk membangun sebuah tabel sederhana dalam html. Tabel yang menunjukan sel - sel berubah menggantikan tabel default lebih menarik.
Cukup mudah membuat tabel di html. Sebagai pelengkap tabel kemarin yang sudah kita buat ada beberapa Tag yang mungkin nanti mimin akan bahas dan atribut sekarang yang di bahas.
Simak ulasan berikut, Mengenal lebih jauh mengenai atribut cellpadding, cellspacing dan border:
Apa itu Cellpadding Dalam Tabel HTML?
Cellpadding biasa digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi teks itu sendiri. Dengan adanya cellpadding membuat tabel dalam html juga dapat ditandai dengan cellpadding ini. Berbeda dengan atribut yang ada di tabel html ini.
Yang belum pernah atau yang sedang belajar cobalah membuat tabel dengan cellpadding seperti berikut:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Di Scripypad</title>
</head>
<body>
<table cellpadding="2">
<tr>
<td>Nama</td>
<td>Sekolah</td>
<td>Umur</td>
<td>Alamat</td>
<td>Jurusan</td>
</tr>
<tr>
<td>Muhamad Ardiansyah</td>
<td>SMK Pertiwi</td>
<td>17</td>
<td>Babakan Baru, Bogor</td>
<td>Tata Niaga</td>
</tr>
<tr>
<td>Muhamad Fazar</td>
<td>SMK Pelita</td>
<td>17</td>
<td>Cigudeg Baru, Jasinga</td>
<td>TKJ</td>
</tr>
<tr>
<td>Muhamad Bairon</td>
<td>SMK Pandu</td>
<td>18</td>
<td>Babakan Lama, Bogor</td>
<td>TKJ</td>
</tr>
</table>
</body>
</html>
Setiap sisi dalam tabel semuanya membentuk apa yang diinginkan oleh cellpadding. Mengembangkan argumen yang tertera dan sederhana. Ketika atribut cellpadding di buat dengan angka yang diinginkan semuanya akan nampak berbeda dari hal sebelumnya dan tanpa bantuan border, cellpadding nampak seperti biasa saja.
Belajar Membuat Tabel Dalam HTML | Apa itu Cellspacing?
Dalam bentuk atribut serupa seperti cellpadding, cellspacing digunakan untuk membuat area space dengan memberikan jarak pada sebuah sel - sel yang berisi teks dalam tabel html.
Penempatan atribut cellspacing sama seperti cellpadding yang membantu sebuah tampilan tabel dalam html lebih menarik.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Di Scripypad</title>
</head>
<body>
<table cellspacing="5">
<tr>
<td>Nama</td>
<td>Sekolah</td>
<td>Umur</td>
<td>Alamat</td>
<td>Jurusan</td>
</tr>
<tr>
<td>Muhamad Ardiansyah</td>
<td>SMK Pertiwi</td>
<td>17</td>
<td>Babakan Baru, Bogor</td>
<td>Tata Niaga</td>
</tr>
<tr>
<td>Muhamad Fazar</td>
<td>SMK Pelita</td>
<td>17</td>
<td>Cigudeg Baru, Jasinga</td>
<td>TKJ</td>
</tr>
<tr>
<td>Muhamad Bairon</td>
<td>SMK Pandu</td>
<td>18</td>
<td>Babakan Lama, Bogor</td>
<td>TKJ</td>
</tr>
</table>
</body>
</html>
Terkait pembuatan cellspacing jika untuk memudahkan menampilkan hasil tataan tabel html kita memerlukan sebuah border dalam pembuatan Tabel di html ini. Agar dapat memberikan garis border untuk memberikan arahan bahwa sebuah tabel tersusun dengan rapih. Berikut contoh border dalam tabel html.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Di Scripypad</title>
</head>
<body>
<table border="5">
<tr>
<td>Nama</td>
<td>Sekolah</td>
<td>Umur</td>
<td>Alamat</td>
<td>Jurusan</td>
</tr>
<tr>
<td>Muhamad Ardiansyah</td>
<td>SMK Pertiwi</td>
<td>17</td>
<td>Babakan Baru, Bogor</td>
<td>Tata Niaga</td>
</tr>
<tr>
<td>Muhamad Fazar</td>
<td>SMK Pelita</td>
<td>17</td>
<td>Cigudeg Baru, Jasinga</td>
<td>TKJ</td>
</tr>
<tr>
<td>Muhamad Bairon</td>
<td>SMK Pandu</td>
<td>18</td>
<td>Babakan Lama, Bogor</td>
<td>TKJ</td>
</tr>
</table>
</body>
</html>
Kesimpulan
Terdapat 3 buah atribut tabel html disini yang mampu membantu pekerjaan anda dalam membentuk sebuah tabel yang sempurna. Ada kalanya jika anda tidak bisa membuat tabel anda bisa ko mempelajari ulasan ini.
Posting Komentar untuk "Belajar Tabel HTML Part 1 - Mengenal Atribut Border, Cellpadding dan Cellspacing"