Pelajaran mengenai HTML. Pencantuman sel

Jadual dalam HTML - satu perkara yang sangat berguna. Dengan mereka anda boleh berbuat apa-apa. Sudah tentu, tujuan utama - meletakkan maklumat dalam jadual. Tetapi pemaju laman telah pergi lebih jauh. Pada satu ketika ia adalah sangat popular untuk menggunakan meja untuk mewujudkan rangka kerja tapak. Sekarang profesional cuba untuk tidak berbuat demikian.

Jadual mendapati permohonan yang luas mereka kerana bilangan besar sifat-sifat. Sebagai contoh, harta yang sangat berguna bertukar menggabungkan baris atau lajur.

Pengenalan kepada Teori

Dalam HTML, penyatuan sel berlaku melalui dua sifat: colspan dan rowspan. Dinyatakan secara khusus untuk tag td.

Marilah kita menganalisis struktur setiap jadual, sebelum kita menyelidiki topik. Di setiap meja terdapat garis, dan di dalamnya - sel. Ingat bahawa pada mulanya, semua jadual mesti mengandungi jumlah yang sama sel-sel.

Rajah di atas menunjukkan dua baris dan dalam setiap tiga sel-sel. Ia adalah jadual biasa. Jika anda berada dalam mana-mana kotak, taipkan nombor yang lebih kecil daripada sel-sel, jadual adalah "keluar", semua tidak akan dipaparkan dengan betul.

HTML-Jadual: mencantumkan sel menegak dan mendatar

Untuk menentukan bilangan yang lebih kecil daripada sel atau tali boleh digunakan hanya jika anda mempunyai sesuatu untuk bergabung. Tetapi bukan barang yang dipadamkan dalam jiran terdekat untuk bahagian yang anda perlukan untuk menentukan sifat tambahan. Jika anda menggabungkan lajur, kemudian colspan, jika tali, kemudian rowspan. Nilai atribut menunjukkan bilangan item yang anda mahu untuk bergabung.

Sila ambil perhatian bahawa anda perlu untuk menentukan ia dalam elemen yang terdekat ke atas. Sebagai contoh, dalam rajah di atas, jika anda mahu untuk menggabungkan sel 1 dan 2, anda perlu menentukan dalam sel 1 colspan atribut dengan nilai dua. Dan memadam nombor kedudukan 2 atau 3, ia tidak mengapa.

Dasarnya adalah bahawa anda memberitahu sel berapa banyak ruang ia akan mengambil masa. Nilai lalai adalah 1.

Mencantumkan sel menegak HTML meja mengambil tempat di atas prinsip yang sama. Hanya ruang yang diduduki akan dianggap sebagai menegak. Rujuk gambarajah.

Di sini, sel dengan nombor 43 mengambil masa dua tali. Untuk melakukan ini, anda tentukan rowspan atribut. Hanya teringat:

• Row - baris.
• Col - lajur / lajur.
• Span - Persatuan.

Pencipta telah cuba untuk membawa bahasa yang mungkin untuk manusia, supaya walaupun tanpa mengetahui, entah bagaimana dapat memahami.

Dalam HTML, penyatuan sel boleh dilakukan dalam dua arah: menegak dan mendatar. Untuk melakukan ini, kami menyatakan kedua-dua atribut.

Rajah di atas adalah hanya itu dan menyatakan bahawa persatuan itu boleh lakukan: baris, lajur, atau kedua-dua baris dan lajur.

HTML: mencantumkan sel. contoh

Mari kita mempertimbangkan contoh yang lebih kompleks peristiwa di atas meja besar. Di bawah di sebelah kiri Set versi asal jadual biasa. A betul - varian dengan gabungan dua sel dalam baris kedua. Supaya lebih jelas dan lebih mudah untuk membandingkan HTML-kod.

Anda juga boleh menggabungkan ketiga-tiga di tengah-tengah sel. Dalam kes pertama atribut colspan menentukan sel №1. Di sini, yang pertama akan berubah, dan yang kedua ditambah kepada colspan, sama dengan tiga.

Jika anda mahu menggabungkan semua sel-sel berturut-turut untuk satu, kemudian keluarkan empat td dalam pertama menunjukkan colspan = '5'.

Seperti yang anda lihat, sebenarnya, segala-galanya adalah mudah. Tiada apa yang rumit. Yang paling penting, berhati-hati, dari kali pertama untuk memahami semua perangkap jadual, dan kemudian tiada masalah tidak seharusnya timbul.

Jadual sebagai rangka kerja tapak

Dalam HTML, penyatuan sel tidak selalu digunakan untuk jadual tetap dengan maklumat (dalam Word atau Excel). pereka laman web sering, tetapi sebelum pilihan raya telah menggunakan mereka untuk susun atur laman web.

Sebagai contoh, pertimbangkan susun atur laman web ini. reka bentuk ini - sangat mudah dan primitif. Tetapi anda boleh menunjukkan penggunaan persatuan jelas.

Ada asalnya jadual tiga baris dua sel setiap satu. Kemudian, untuk meletakkan logo laman web ini, kedua-dua sel-sel dalam baris pertama telah digabungkan. Dasarnya adalah untuk melakukan perkara yang sama untuk menampung "bawah tanah".

Oleh kerana tempatnya ia adalah mungkin untuk meletakkan unsur-unsur reka bentuk, dan tiada apa yang tidak akan meninggalkan hadnya. Ini adalah sangat mudah dan mudah. Oleh itu, ia adalah begitu popular. Kini, ia adalah disyorkan untuk membuat blok tag div.

kesimpulan

Dan ingat bahawa penggabungan HTML sel jadual, anda boleh melakukan apa sahaja yang anda suka. Ia semua bergantung kepada apa yang anda mahu dan bagaimana anda mahu untuk menguruskannya. Yang penting, jangan keliru. Jika anda ingin membuat sebuah meja besar dengan sebilangan besar persatuan, ia adalah disyorkan untuk menarik semuanya di atas sekeping kertas atau dalam Paint. pemula Imposer ia akan menjadi lebih mudah.

Apabila pengalaman keuntungan, operasi ini anda boleh melaksanakan di kepala anda dengan mudah.