Komputer, Perangkat 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.
Tr> Tr> Table> Tag Aturan utama: jumlah sel di setiap baris harus sama. Ini meja. Tapi, seperti editor Word dan Excel, sel bisa digabungkan satu sama lain. 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. 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 Seperti halnya tag HTML, tabel bisa dikonversi melalui style. Anda perlu menentukan file gaya di kepala atau Gaya siap (juga ditunjukkan di kepala). ... Tabel { Font-family: Verdana, Arial, Helvetica, sans-serif; Warna: # 000000; } .my_class { Warna: # 666666; } Style> ... Head> Jika Anda hanya menentukan tabel, maka gaya ini akan berlaku untuk semua tabel pada halaman. Tentu untuk semua. Tapi, jika Anda menggunakan metode kedua, di mana Anda menentukan nama yang sewenang-wenang dengan jangka waktu tertentu, maka gaya ini bisa diterapkan ke meja yang diinginkan, tanpa mempengaruhi orang lain. Perhatikan bahwa Anda dapat menggunakan kelas untuk kedua tag tabel dan untuk sel atau baris tertentu. Tr> Tr> Table> Jika ada kesalahan di suatu tempat dengan nama gaya, Anda tidak akan melihat hasilnya. Jika ada kesalahan dalam gaya itu sendiri, tapi namanya bertepatan, tidak akan ada efeknya. Setiap koma atau usus besar penting. Atribut apa yang bisa dituliskan di kelas gaya? Ada banyak atribut yang berlaku untuk tabel. Pertimbangkan yang paling dasar yang Anda butuhkan. Sejajarkan Penyelarasan horisontal Valign Keselarasan vertikal Latar belakang Gambar latar belakang dalam sel / tabel Bgcolor Warna latar dalam sel Bordercolor Tabel / warna batas sel Tinggi Tinggi sel Nowrap Melarang transfer teks dalam satu baris. Lebar Lebar sel / meja Seperti yang Anda lihat, Anda dapat menggunakan HTML di tabel dengan sejumlah besar "alat". Berkat gaya, Anda bisa membuat berbagai meja indah. Itu semua tergantung dari apa yang anda suka dan bagaimana caranya. Seperti yang dapat Anda lihat, jika Anda menggunakan tag HTML, tabel dapat diubah tanpa dikenali. Batasan kemungkinan ditentukan oleh imajinasi Anda.
teks dari sel pertama baris pertama td>
teks dari sel kedua baris pertama td>
teks dari sel pertama baris kedua td>
teks dari sel kedua baris kedua td>
dan table> menunjukkan awal dan akhir tabel. Tag
dan tr> adalah awal dan akhir baris. Dalam satu baris bisa ada sel sebanyak yang didefinisikan oleh tag dan td>.
Bagaimana menggabungkan sel dalam sebuah tabel?
Merancang tabel
dan , ada tag 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?
teks dari sel pertama baris pertama td>
teks dari sel kedua baris pertama td>
teks dari sel pertama baris kedua td>
teks dari sel kedua baris kedua td>
Atribut tambahan untuk tabel
Cantik dibuat menggunakan tabel HTML. Contoh
Similar articles
Trending Now
Newest