KomputerPerangkat lunak

Menggunakan HTML dalam sebuah tabel

Dalam HTML ada begitu banyak elemen, dan masing-masing unik dengan caranya sendiri. Meja adalah benda yang sangat menarik, dituntut dan serius. Berkat itu Anda tidak hanya bisa memberikan informasi dalam bentuk yang mudah, tapi juga membangun keseluruhan kerangka situs.

Sebelumnya, hampir semua webmaster menggunakan tabel untuk layout situs. Awalnya, tabel untuk ini tidak ditemukan. Oleh karena itu, untuk menandai sebuah situs, Anda perlu menggunakan elemen blok div.

Jika Anda tidak ingin selalu menjadi pemula, biasakan melakukan semuanya dengan benar. Ini sangat penting dalam HTML. Dalam tabel Anda hanya perlu menempatkan informasi biasa (teks, tautan, daftar, gambar, dll.), Dan bukan keseluruhan situs.

Bagaimana membuat tabel HTML?

Sebuah tabel adalah elemen kompleks, yang terdiri dari sejumlah besar elemen lainnya. Ingat bahwa saat membuat sel atau baris, Anda harus selalu meletakkan tag penutup sekaligus. Jika tidak, semuanya akan terbang menjauh. Penangan di browser akan mencari akhir elemen dan, sampai menemukannya, semua hal lainnya akan disertakan dalam tabel. Hasilnya akan bubur.

Jika Anda menulis sebuah situs web di "Notepad", maka semua yang harus Anda lakukan dengan tangan Anda. Jika di editor selesai, biasanya ada tombol - "insert a table", "insert an image" dan seterusnya.

Contoh tabel 2 sampai 2.

teks dari sel pertama baris pertama

teks dari sel kedua baris pertama

teks dari sel pertama baris kedua

teks dari sel kedua baris kedua

Tag

dan menunjukkan awal dan akhir tabel. Tag dan adalah awal dan akhir baris. Dalam satu baris bisa ada sel sebanyak yang didefinisikan oleh tag , ada tag
dan .

Aturan utama: jumlah sel di setiap baris harus sama. Ini meja.

Tapi, seperti editor Word dan Excel, sel bisa digabungkan satu sama lain.

Bagaimana menggabungkan sel dalam sebuah tabel?

Untuk menggabungkan, gunakan atribut Colspan dan Rowspan. Span diterjemahkan sebagai "pelukan" atau "tumpang tindih". Arti harfiahnya adalah untuk menutupi / menutupi sel / garis.

Dalam nilai atribut ini, Anda perlu menentukan berapa banyak baris atau sel yang akan diblokir. Berikut ini adalah contoh bagus untuk menggunakan kedua atribut HTML dalam sebuah tabel.

Dalam contoh ini, pada baris pertama, 3 sel digabungkan menggunakan atribut colspan = "3". Kemudian sel pertama dari baris kedua diregangkan menjadi empat baris. Ingat bahwa kita meregangkan / bersatu hanya di sel pertama. Propertinya akan diperpanjang lagi. Semua yang terjadi sebelumnya tidak akan terpengaruh.

Jika Anda memiliki 5 sel dan ingin menggabungkan dari 2 menjadi 4, maka Anda hanya perlu menentukan atribut colspan = "3" pada nomor sel 2.

Perhatikan nomor sel 9 pada gambar di atas. Di sana mereka menggabungkan kedua sel dan garis sekaligus. Tindakan semacam itu tidak dilarang.

Lihatlah contoh lain untuk memperbaiki informasinya. Karena beberapa atribut membingungkan dan terkadang menggabungkan string bukan sel.

Merancang tabel

Ambil biasa, standar HTML kasus. Meja memiliki dua baris dari dua sel masing-masing.

Hasil dari kode tersebut adalah sebagai berikut.

Seperti yang bisa Anda lihat, tidak ada efeknya. Anda bisa menambahkan bingkai, tentukan lebar dan tinggi.

Anda juga bisa bermain dengan alignment. Anda bisa menyelaraskan kedua tinggi dan lebar.

Sejajarkan horisontal alignment, dan valign untuk vertical alignment. Inilah hasilnya.

Atribut align dan valign dapat diterapkan ke seluruh string. Kemudian semua sel yang berada di dalamnya akan tunduk pada atribut ini.

Selain tag

dan
tambahan. Sebenarnya, ini adalah analog dari , tapi hanya digunakan di baris pertama dan berfungsi sebagai header. Secara default, teks di dipusatkan dan dicetak tebal.

Bagaimana menghubungkan gaya ke meja?

Seperti halnya tag HTML, tabel bisa dikonversi melalui style. Anda perlu menentukan file gaya di kepala atau Gaya siap (juga ditunjukkan di kepala).

...