Halo pembaca blog yang budiman! Seringkali pada halaman web, selain teks dan gambar, berbagai data juga perlu ditampilkan dalam bentuk tabel. Ini bisa dimengerti, tabel adalah cara paling nyaman untuk menyajikan banyak informasi. Karena itu, timbul pertanyaan "Bagaimana Anda memasukkan tabel ke dalam html?"... Pada artikel ini, saya akan menjawab pertanyaan ini dan memberi Anda banyak contoh berbagai tabel html.
Cara membuat tabel menggunakan HTML
Tabel HTML dibuat dalam empat langkah.
1. Pada langkah pertama di html-code menggunakan paired menandai
beri tahu browser bahwa tabel telah dimasukkan ke dalam halaman web: ... Elemen tabel adalah elemen level blok dari halaman web. Oleh karena itu, tabel selalu ditampilkan pada baris baru, diindentasi secara vertikal dari elemen yang berdekatan, sehingga tidak perlu menempatkannya dalam paragraf.
2. Pada langkah kedua, kami membentuk string tabel dengan menempatkan tag berpasangan
dalam ... Setiap elemen membuat baris terpisah:
3. Selanjutnya pada langkah ketiga, kita bentuk sel tabel menggunakan tag berpasangan
dan |
yang sesuai di dalam elemen |
... Menandai menciptakan biasa sel, dan | sel menuju, yaitu tajuk kolom yang sesuai:
4. Nah, pada langkah terakhir, kita tempatkan di dalam elemen | dan |
isi sel. Kode HTML untuk memasukkan tabel ke dalam halaman web terlihat seperti ini:
Kolom 1 | Kolom 2 | Kolom 3 |
---|
Sel 1-1 | Sel 1-2 | Sel 1-3 |
Sel 2-1 | Sel 2-2 | Sel 2-3 |
Lebih menyempurnakan tampilan perbatasan akan membantu. Dengan, Anda dapat mengubah ketebalan dan warna bingkai, dan mengubah jenis batas.
Teks yang perlu ditempatkan di dalam sel adalah opsional, tetapi jika teksnya besar, Anda dapat memecahnya menjadi beberapa paragraf menggunakan tag
Jika Anda perlu menghias teks yang disisipkan, Anda dapat menggunakan.
Selain teks, kita dapat menempatkan gambar dalam sel menggunakan tag
:
![](https://i1.wp.com/image.jpg) |
Tabel lain bahkan dapat bertindak sebagai konten sel. Dalam hal ini, membuat tabel bertingkat tidak berbeda dengan membuat tabel biasa. Hanya di antara tag
dan | tag dimasukkan dan baris dan sel dimasukkan ke dalamnya.
Ada beberapa aturan yang perlu diperhatikan saat membuat tabel:
- hanya tag yang digunakan untuk membuat tabel
;
- menandai
hanya bisa di dalam tag ;
- tag
dan | hanya bisa di dalam tag | , konten tag lainnya
diabaikan oleh browser;
- isi tabel (teks atau gambar) hanya boleh di tag
dan | ;
- sel tabel harus memiliki setidaknya beberapa konten, jika tidak browser mungkin tidak menampilkannya sama sekali, tetapi jika beberapa sel harus kosong, maka spasi non-breaking (literal HTML) biasanya ditempatkan di dalamnya;
- tabel mengacu pada elemen blok dari halaman web;
- ukuran tabel dan selnya bergantung pada konten, mis. lebar dan tinggi meja direntangkan sehingga semuanya pas;
- sebuah lekukan kecil dibuat di antara batas-batas sel individual dan di antara batas setiap sel dan isinya;
- teks dalam sel header (elemen th) ditampilkan dalam huruf tebal dan di tengah;
- batas di sekitar tabel dan selnya tidak digambar secara default.
Header tabel
Mari kita mulai dengan tag berpasangan ,
yang memberi judul pada tabel. Teks judul ditempatkan di dalam tag ini, dan itu harus di dalam tag ... Dan tidak masalah di mana tag ditempatkan di kode-html tabel , browser akan tetap menampilkan judul di atas tabel dan mensejajarkannya ke tengah. Tapi biasanya tagnya ditempatkan segera setelah tag pembuka :
Ini adalah meja
Sel 1.1 | Sel 1.2 |
Sel 2.1 | Sel 2.2 |
Tampilan:
Bagian tabel
Tabel html secara logis dapat dibagi menjadi beberapa bagian - bagian. Ada tiga jenis bagian secara total:
- bagian header, di mana sel header ditempatkan, yang membentuk header tabel;
- bagian tubuh, di mana sel dengan data dasar berada;
- bagian penyelesaian, di mana sel-sel dengan total ditempatkan.
Bagian tajuk tabel dibentuk menggunakan tag pasangan ... Selain itu, diperbolehkan menggunakan tidak lebih dari satu elemen. dalam satu tabel, dan harus berada dalam kode html tepat setelah tag .
Bagian tubuh dibuat dengan tag berpasangan ... Satu tabel html dapat berisi beberapa bagian isi, yang memungkinkan Anda membuat blok struktural yang dapat diterapkan gaya desain seragam.
Bagian penyelesaian dibentuk oleh tag berpasangan dan dalam satu wadah hanya ada satu.
Semua tag berpasangan ini harus berisi tag yang membentuk garis yang terkait dengan bagian terkait:
Kolom 1 | Kolom 2 | Kolom 3 |
Sel 1.1 | Sel 1.2 | Sel 1.3 |
Sel 2.1 | Sel 2.2 | Sel 2.3 |
Hasil 1 | Hasil 2 | Hasil 3 |
Sel tabel gabungan
Tetap berbicara tentang fitur tabel yang paling penting - menggabungkan sel.Atribut digunakan untuk menggabungkan beberapa sel menjadi satu colspan dan baris-baris tag dan | ... Atribut colspan menentukan jumlah sel yang digabungkan secara horizontal, dan rentang baris vertikal:
1.1 | 1.2-1.3 |
2.1 | 2.2 | 2.3 |
3.1-4.1 | 3.2 | 3.3 |
4.2 | 4.3 |
Contoh hasil:
1.1
|
1.2-1.3
|
2.1
|
2.2
|
2.3
|
3.1-4.1
|
3.2
|
3.3
|
4.2
|
4.3
|
Saat menggabungkan sel, penting untuk memeriksa jumlah sel di setiap baris agar tidak ada kesalahan. Jadi, konstruksinya | mengganti dua sel, jadi harus ada dua tag di baris berikutnya | , atau konstruksi yang sama! Jika jumlah sel di semua baris tidak cocok, maka sel ekstra kosong akan muncul.
Contoh kode html yang salah saat menggabungkan sel:
sel 1.1 | sel 1.2 |
sel 2.1 | sel 2.2 |
Dan hasil tampilan di browser:
Itu. Jika Anda menganalisis kode html, Anda akan melihat bahwa baris pertama berisi tiga sel, dua di antaranya digabungkan menggunakan atribut colspan, dan baris kedua hanya berisi dua sel. Oleh karena itu, sel kosong ketiga muncul di baris kedua.
Atribut Tag
Dalam posting ini, kami telah menemukan satu atribut tag ... Dengan atribut border yang mengatur lebar border dalam piksel. Secara default, nilainya 0 dan oleh karena itu sel ditampilkan tanpa batas secara default.
Selain atribut border, terdapat beberapa atribut penting lainnya yang didukung oleh tag. ... Mari kita lihat.
Atribut meluruskan- set penjajarantabel per halaman. Ini bisa mengambil nilai kiri, tengah, kanan, yang mengatur perataan ke kiri, tengah dan kanan, masing-masing. Defaultnya dibiarkan.
Atribut latar Belakang, yang mana mengatur gambar latar belakangke meja. Alamat file gambar diambil sebagai nilai.
bgcolor.dll - set warna latar belakang tabel. Dapat digunakan bersama dengan atribut background.
Atribut warna perbatasantanya warna bingkai tabel.
Cellpadding - mendefinisikan jarak antara batas sel dan isinya... Meningkatkan keterbacaan tabel. Nilainya dapat berupa bilangan positif apa pun.
Jarak sel - set jarak antara batas luar sel.
Tentang pembicaraan ini cara memasukkan tabel ke halaman html Saya akan menyelesaikannya, hanya untuk meringkas:
- tag digunakan untuk menyisipkan tabel
- penunjukan meja, - menambahkan garis dan - memasukkan sel;
- tabel adalah elemen blok dari halaman web;
- isi sel tidak hanya teks, tetapi juga gambar dan tabel lainnya;
- tabel dapat berisi tiga jenis bagian: bagian tajuk - , bagian penyelesaian dan bagian tubuh - ;
- untuk menggabungkan sel, gunakan atribut tag
colspan dan rowpan.
Itu saja, pada postingan selanjutnya saya akan membahas tentang alat navigasi di situs html. Agar tidak ketinggalan posting ini, berlangganan pembaruan blog saya! Semuanya, sampai jumpa!
Tabel HTML adalah alat yang paling kuat dan umum digunakan. Pada dasarnya webmaster menggunakan tabel tidak hanya sebagai metode tampilan pengelompokan data, tetapi juga untuk pemformatan halaman web.
Mari kita lihat kedua cara menggunakan tabel HTML. Tapi pertama-tama, kita akan belajar bagaimana menambahkan tabel ke dokumen HTML, dan juga mempertimbangkan kemungkinan yang HTML berikan untuk kita bekerja dengan tabel.
Membuat tabel HTML sederhana
Setiap tabel HTML terdiri dari banyak sel, yang disusun dalam baris. Dan semua baris ini sudah membentuk tabel utuh. Tag berpasangan digunakan untuk menunjuk tabel .
Seperti yang telah Anda ketahui, tabel terdiri dari baris dan sel. Dan untuk membuat tabel paling sederhana, kita membutuhkan dua tag lagi: ini adalah tag berpasangan | dan yang digunakan untuk membuat string, dan tag berpasangan, dan | bertanggung jawab untuk membuat sel. ( Selain itu, tag penutup baris dan sel mungkin hilang)
Jadi, mengingat kita sudah mengetahui cara membuat tabel HTML dasar, mari terapkan informasi di atas dan buat tabel sederhana seperti yang ditunjukkan di (Gambar 1).
Tabel paling sederhana Gambar 1
Kode tabel paling sederhanayang ditunjukkan pada Gambar 1 (di atas)
Sel 1-Tabel |
Sel 2-Tabel |
Sel 3-Tabel |
Tabel 4-sel |
Sel 5-Tabel |
6-Tabel sel |
Sel 7-Tabel |
Tabel 8-sel |
Sel 9-Tabel |
10-Tabel sel |
11-Tabel sel |
Sel 12-Tabel |
Kode tabel kompleks, contoh pada Gambar 2
Menggabungkan Atribut Kolom " colspan" | Concatenation of strings Attribute " baris-baris" | Atribut " valign"" atas "
| Atribut " valign" "bawah" |
Tabel yang dihasilkan menyala gambar 1
... terlihat jelek. Ini semua karena tag yang kita gunakan untuk membuat tabel paling sederhana ( , , ) dapat memiliki berbagai atribut yang harus ditentukan: dapat berupa latar belakang, batas, dimensi, dan sebagainya.
Sekarang mari kita lihat atribut yang berlaku untuk tag tersebut ... Untuk melihat bagaimana tabel akan berubah dengan diterapkan ke tag atribut, salin kode tabel dan letakkan di dokumen teks dengan ekstensi .html dan buka di browser, tambahkan atribut ke kode tabel dan muat ulang halaman, Anda akan melihat tampilan tabel Anda di browser.
Atribut tag:
1) Attribute "border", mengatur lebar border seluruh tabel dalam piksel, ditulis sebagai berikut: .
2) Atribut "width" dan "height" - atribut ini menyetel lebar dan tinggi yang disarankan untuk tabel Anda, ditulis seperti ini:
3) Attribute "bordercolor" - mengatur warna border seluruh tabel, ditulis sebagai berikut: .
4) Attribute "align" - table alignment, align \u003d left - tabel akan diratakan ke kiri, align \u003d kanan - ke kanan, ditulis seperti ini:
5) Attribute "bgcolor" - mengatur warna latar belakang tabel, ditulis sebagai berikut:
Saya pikir atributnya cukup untuk Anda!
Sekarang mari kita lihat atribut dari tag tersebut: dan
Atribut Tag |
1) Atribut tag "tinggi". Perhatikan bahwa tag tersebut tidak ada atribut "lebar" sejak tag bertanggung jawab atas garis, dan, karenanya, atas ketinggian. Dan kolom sudah bertanggung jawab atas lebarnya. Meskipun tag memiliki atribut "height", tetapi hampir tidak pernah digunakan di mana pun.
Atribut Tag
2) Atribut tag | "lebar", atribut "tinggi" (tinggi) tag | tidak, karena tagnya | bertanggung jawab atas sel tabel dan lebarnya, dan baris bertanggung jawab atas tinggi (tag | ).
3) Atribut tag "colspan". Nilai atribut ini berarti jumlah kolom yang ditempati sel ini. Dengan kata lain, atribut ini memungkinkan Anda menggabungkan beberapa sel yang berdekatan secara vertikal menjadi satu.
4) Atribut tag | "rowpan". Nilai atribut ini berarti jumlah baris yang ditempati sel ini. Karenanya, atribut ini memungkinkan Anda menggabungkan beberapa sel menjadi satu secara horizontal.
5) Atribut tag | "meluruskan". Atribut ini memungkinkan Anda untuk meratakan elemen dalam sel secara horizontal. Memiliki tiga nilai: "kiri" (di sebelah kiri sel), "tengah" (ke tengah), "kanan" (di sebelah kanan sel). Jika tidak ada yang ditentukan, perataan akan ditinggalkan.
6) Atribut tag | "valign". Atribut ini memungkinkan Anda untuk menyelaraskan elemen dalam sel secara vertikal. Serta "align" hanya memiliki tiga nilai: "top" (top), "middle" (middle), "bottom" (bottom). Standarnya adalah "tengah" di tengah.
Mari terapkan apa yang telah kita pelajari selama ini.
Gambar 2 menunjukkan tabel kompleks kami.
![](https://i0.wp.com/service-joomla.ru/images/html/tablica-atr.png)
Gambar tabel kompleks 2
Itu pada dasarnya semua yang perlu Anda ketahui tentang tabel HTML dan menggunakannya dengan sukses.
Pembuatan tabel html di editor Joomla.
Untuk membuat tabel di Joomla, Anda dapat menggunakan editor TinyMce yang ada di Joomla secara default.
Sekarang menggunakan editor visual Jоmla - Anda dapat membuat versi sederhana atau kompleks dari tabel, tapi hati-hati untuk tidak melupakan lebar area konten di situs Anda, sehingga saat membuat tabel, lebarnya tidak melebihi nilai ini.
Unduh file:
Kursus video HTML oleh Evgeny Popov
Kursus video gratis berisi 33 pelajaran HTML.
Kursus video ini mengungkapkan pengetahuan dasar HTML dan akan berguna tidak hanya untuk pembuat situs pemula yang belum terbiasa dengan HTML, tetapi juga untuk webmaster yang lebih berpengalaman.
Tabel berbatasan
Nama |
Nama keluarga |
Larissa |
Isaeva |
Dmitry |
Kolesnikov |
HASIL:
Tabel tanpa bingkai
Tabel berbatasan
Atribut tag dan | untuk menggabungkan sel
Contoh
|
musang |
berat |
ukuran |
laki-laki |
1,2 - 2,5 kg |
hingga 70cm |
wanita |
0,7 - 1,0 kg |
hingga 40cm |
HASIL:
|
musang |
berat |
ukuran |
laki-laki |
1,2 - 2,5 kg |
hingga 70cm |
wanita |
0,7 - 1,0 kg |
hingga 40cm |
Menurut standar HTML5, semua atribut tabel yang sebelumnya digunakan seperti berbatasan, jarak sel, cellpadding dan lainnya tidak lagi didukung dan penggunaannya dianggap oleh validator sebagai kesalahan dalam kode. Untuk mendesain tabel, Anda perlu menggunakan gaya CSS, yang dengannya Anda dapat mengganti semua atribut tabel yang sudah usang. Misalnya, sebagai ganti atribut jarak sel untuk mengubah jarak antar sel tabel, gunakan properti spasi batas, dan untuk meratakan konten dalam sel tabel - properti text-align dan vertikal-aling... Gaya CSS untuk dekorasi meja
Tag pengelompokan baris tabel html
Untuk membuat tabel yang lebih kompleks, Anda dapat menggunakan tag:
Contoh
Konsumsi bir
NAMA LENGKAP. |
liter |
Total |
250 |
Ivanov Ivan Ivanovich |
133 |
Petrov Petr Petrovich |
117 |
HASIL:
Tag pengelompokan kolom tabel html
Atribut tag dan
Cara termudah untuk memahami bagaimana Anda dapat menggunakan pengelompokan baris dan kolom adalah dengan contoh tabel Sudoku.
Tag col menetapkan parameter secara terpisah untuk setiap kolom. Tidak masalah bagaimana Anda menulis di kode sumber:
atau
Contoh
HASIL:
Jangan mencoba bergaya text-align untuk tag dan ... Teks ditempatkan di antara tag ... | , tidak mewarisi gaya ini karena tag bukan turunan dari sembarang tag , tidak ada tag .
Perataan horizontal teks dalam kolom tertentu pada tabel dapat diubah dengan menentukan gaya text-align untuk kelas semu td: n-anak (n) , dengan n adalah nomor kolom. Namun, metode ini tidak akan berfungsi jika atribut ada di antara sel tabel. colspan.
Contoh
Nama |
Harga, gosok.) |
Pembayaran per menit untuk solarium (mulai 4 menit) | 15 |
50 menit solarium (14 rubel / menit, 1 bulan) | 700 |
100 menit solarium (13 rubel / menit, 2 bulan) | 1300 |
200 menit solarium (12 rubel / menit, 3 bulan) | 2400 |
HASIL:
Namun, metode ini tidak akan berfungsi jika atribut ada di antara sel tabel. colspan.
Karena keserbagunaan tabel, sejumlah besar parameter yang mengontrol tampilannya, tabel telah lama menjadi standar yang pasti untuk tata letak halaman web. Tabel dengan batas tak terlihat adalah seperti kisi modular, di mana blok akan memudahkan penempatan elemen halaman web. Namun, ini bukan pendekatan yang tepat, karena setiap objek HTML didefinisikan untuk tujuannya sendiri dan jika digunakan untuk tujuan lain, dan terlebih lagi, itu berarti tidak ada alternatif. Ini adalah kasusnya untuk waktu yang lama, sampai lapisan datang menggantikan tabel di tata letak situs. Ini tidak berarti bahwa lapisan sekarang digunakan sepanjang waktu, tetapi tren telah diuraikan dengan jelas - tabel digunakan untuk menempatkan data tabular, dan lapisan digunakan untuk tata letak dan desain.
Membuat meja
Tabel terdiri dari baris dan kolom sel yang dapat berisi teks dan gambar. Biasanya, tabel digunakan untuk mengatur dan menyajikan data, tetapi tabel tidak terbatas pada itu. Dengan bantuan tabel, akan lebih mudah untuk mengeset tata letak halaman dengan mengatur fragmen teks dan gambar dengan cara yang diinginkan.
Untuk menambahkan tabel ke halaman web, gunakan tag ... Elemen ini berfungsi sebagai wadah untuk elemen yang mendefinisikan isi tabel. Setiap tabel terdiri dari baris dan sel, yang diatur sesuai menggunakan tag dan ... Tabel harus berisi setidaknya satu sel (contoh 12.1). Diizinkan, bukan tag | gunakan tag | ... Teks dalam sel yang dihiasi dengan tag | , ditampilkan oleh browser dengan huruf tebal dan di tengah sel. Jika tidak, perbedaan antara sel dibuat melalui tag | dan | tidak.
Contoh 12.1. Membuat meja
Tag TABEL
Urutan sel dan penampilannya ditunjukkan pada Gambar. 12.1. adalah badan meja. Badannya terdiri dari baris dan kolom. Tabel diisi baris demi baris.
Setiap tag | membuat garis baru. Selanjutnya di bersarang kolom dibuat. Beberapa kolom dapat dibuat. Dalam hal ini, Anda perlu memantau jumlah kolom di setiap baris. Misalnya, jika baris pertama memiliki 5 kolom, maka baris berikutnya harus memiliki 5 kolom. Jika tidak, meja akan mengapung. Dimungkinkan untuk menggabungkan sel.
Cara membuat tabel di html
Mari beri contoh, kode html:
Tabel contoh |
Kolom 1 |
Kolom 2 |
Perhatikan selnya | ... Kami menggunakan atribut colspan khusus untuk menggabungkan sel secara horizontal. Nilai numeriknya menunjukkan jumlah kolom yang akan digabungkan. Ada juga analog dari atribut ini: tag | (header tabel), di mana Anda juga perlu menulis colspan. Hasilnya akan sama. Tapi td biasa sering digunakan.
Sekarang mari kita lihat lebih dekat semua atribut tag.
.
Atribut dan properti tag
Ke tag pembuka berbagai atribut dapat ditulis.
1. Properti align \u003d "parameter" - mengatur kesejajaran tabel. Itu bisa mengambil nilai-nilai berikut:
Pada contoh di atas, kita meratakan tabel di center align \u003d "center".
Atribut ini dapat diterapkan tidak hanya ke tabel, tetapi juga ke sel tabel individu. atau string | ... Dengan demikian, perataan akan berbeda di sel yang berbeda.
contohnya
... |
| ... |
...
2. Properti background \u003d "URL" - mengatur gambar latar belakang. Alih-alih URL, alamat gambar latar belakang harus ditulis.
Contoh
Tabel contoh |
Kolom 1 |
Kolom 2 |
Dikonversi pada halaman menjadi berikut:
Dalam contoh ini, gambar latar belakang kita terletak di folder img (yang terletak di direktori yang sama dengan halaman html), dan gambar itu bernama fon.gif. Perhatikan bahwa dalam tag kita telah menambahkan style \u003d "color: white;" ... Karena latar belakang hampir hitam, sehingga teks tidak menyatu dengan latar belakang, kami membuat teks menjadi putih.
3. Properti bgcolor \u003d "color" - mengatur warna latar belakang tabel. Sebagai warna, Anda dapat memilih salah satu dari seluruh palet (lihat kode dan nama warna html)
4. Property border \u003d "number" - mengatur ketebalan batas tabel. Pada contoh sebelumnya, kami menetapkan border \u003d "1", yang berarti lebar border adalah 1 piksel.
5. Properti bordercolor \u003d "color" - mengatur warna perbatasan. Jika border \u003d "0", maka tidak akan ada border dan warna border tidak masuk akal.
6. Properti cellpadding \u003d "number" - padding dari bingkai ke konten sel dalam piksel.
7. Properti spasi sel \u003d "angka" - jarak antar sel dalam piksel.
8. Kolom properti \u003d "nomor" - jumlah kolom. Jika Anda tidak menentukannya, browser akan menentukan jumlah kolom dengan sendirinya. Satu-satunya perbedaan adalah bahwa menentukan parameter ini cenderung mempercepat pemuatan tabel.
9. Properti frame \u003d "parameter" - cara menampilkan batas di sekitar tabel. Itu bisa mengambil nilai-nilai berikut:
- kosong - jangan menggambar batas
- border - batas di sekeliling meja
- above - border di bagian atas tabel
- below - border di bagian bawah tabel
- hsides - tambahkan hanya batas horizontal (atas dan bawah tabel)
- vsides - hanya menggambar batas vertikal (kiri dan kanan tabel)
- rhs - batas hanya di sisi kanan tabel
- lhs - batas hanya di sisi kiri tabel
10. Tinggi properti \u003d "angka" - mengatur tinggi tabel: baik dalam piksel atau dalam persen.
11. Aturan properti \u003d "parameter" - di mana untuk menampilkan batas antar sel. Itu bisa mengambil nilai-nilai berikut:
- semua - garis ditarik mengelilingi setiap sel tabel
- grup - garis yang ditampilkan di antara grup yang dibentuk oleh tag , , ,
atau
- cols - garis ditampilkan di antara kolom
- tidak ada - semua perbatasan disembunyikan
- baris - batas digambar di antara baris tabel yang dibuat melalui tag
12. Lebar properti \u003d "angka" - mengatur lebar tabel: baik dalam piksel atau dalam persen.
13. Properti class \u003d "class_name" - Anda dapat menentukan nama class dari tabel tersebut.
14. Properti gaya \u003d "gaya" - gaya dapat diatur secara individual untuk setiap tabel.
Sekarang adalah waktunya untuk menyelami tabel dan melihat atribut sel tabel. Atribut ini harus ditulis di tag pembuka
.
Atribut dan properti dan
1. Properti align \u003d "parameter" - mengatur perataan sel tabel terpisah. Itu bisa mengambil nilai-nilai berikut:
- kiri - rata kiri
- tengah - perataan tengah
- perataan kanan - kanan
2. Properti background \u003d "URL" - mengatur gambar latar belakang sel. Alih-alih URL, alamat gambar latar belakang harus ditulis.
3. Properti bgcolor \u003d "color" - mengatur warna latar belakang sel.
4. Properti bordercolor \u003d "color" - mengatur warna batas sel.
5. Properti char \u003d "letter" - mengatur huruf dari mana penyejajaran harus dilakukan. Nilai atribut align harus disetel ke char.
6. Properti colspan \u003d "nomor" - mengatur jumlah sel horizontal gabungan.
7. Property height \u003d "number" - mengatur tinggi tabel: baik dalam piksel atau persen%.
8. Lebar properti \u003d "angka" - mengatur lebar tabel: baik dalam piksel atau dalam persen%.
9. Properti rowpan \u003d "nomor" - mengatur jumlah sel vertikal yang digabungkan.
10. Properti valign \u003d "parameter" - kesejajaran vertikal konten sel.
- top - meratakan konten sel ke atas baris
- perataan tengah - tengah
- bawah - sejajarkan ke bawah
- baseline - perataan garis dasar
Catatan 1 Untuk tag | opsi yang sama tersedia untuk ... Parameter untuk satu tag | akan diterapkan secara hierarki ke semua Didalam itu
Bagaimana mencegah sel tabel saling menempel
Dalam kasus menggunakan perbatasan (batas sel) dan bantalan nol antar sel, mereka masih direkatkan dan Anda mendapatkan batas ganda. Untuk menghindarinya, Anda perlu mendaftarkan tabel border-collapse: collapse di stylesheet:
...
Pembaca yang budiman, sekarang Anda telah belajar lebih banyak tentang tag tabel html. Sekarang saya menyarankan Anda untuk melanjutkan ke pelajaran berikutnya.
| |
|
| | | | | |
| |