Apakah Atribut 'jalur baris' dan Cara Menggunakan Dengan Elemen 'td' dalam HTML?

Apakah Atribut Jalur Baris Dan Cara Menggunakan Dengan Elemen Td Dalam Html



Dalam HTML, ' rentang baris ” ialah atribut yang boleh digunakan semasa membuat jadual. Ia biasanya digunakan untuk menggabungkan berbilang sel bersebelahan dalam arah menegak. Ia boleh digunakan untuk mencipta reka bentuk jadual yang kompleks sambil menambah minat visual untuk pengguna. Dengan menggunakannya, pembangun boleh mengurangkan kod HTML dan meningkatkan kebolehbacaan jadual. Selain itu, atribut 'jalur baris' boleh membantu menyusun jadual dengan mengumpulkan berbilang sel.

Panduan ini menunjukkan apakah atribut 'jalur baris' dan cara menggunakannya dengan elemen 'td'.

Apakah itu Atribut 'jalur baris'?

Atribut 'jalur baris' digunakan untuk menggabungkan berbilang sel dalam arah menegak. Ia boleh diakses sebagai ' rowspan = nilai ', Dimanakah ' nilai ” ialah bilangan baris yang perlu digabungkan dalam arah menegak. Ia berfaedah untuk meningkatkan kebolehbacaan pengguna dan memaparkan data yang kompleks dengan cara yang lebih menarik pengguna.





Apakah Elemen 'td'?

' td ” atau elemen data jadual digunakan untuk menentukan sel dalam jadual HTML. Ia kebanyakannya digunakan bersama-sama dengan elemen HTML jadual lain seperti “”, “”, “

untuk mencipta kandungan jadual. Ia juga boleh digunakan dengan atribut seperti 'colspan' dan 'rowspan' untuk menambah ciri reka bentuk tambahan, mengurangkan kerumitan dan meningkatkan faktor kebolehbacaan, dll. Ia digunakan dalam fail HTML menggunakan ' teg ' yang memasukkan baris dalam jadual dan menggunakan '
” tag.



Bagaimana untuk Menggunakan Atribut 'jalur baris' Dengan Elemen 'td'?

Untuk demonstrasi yang lebih baik tentang hubungan antara atribut 'jalur baris' dan elemen 'td'. Mari kita lihat contoh praktikal dengan mengikuti panduan langkah demi langkah di bawah:



Langkah 1: Penciptaan Jadual dalam HTML

Mula-mula, buat jadual dengan bantuan ' ” tag. Di dalamnya tambahkan berbilang '

teg ” untuk mencipta sel:



< gaya >

jadual{

border-collapse:collapse;

jidar: 40px;

}

ke,td{

sempadan:2px merah pepejal;

padding: 20px;

}

< / gaya >

< / kepala >

< badan >

< meja >

< tr >

< ke > emp.id < / ke >

< ke > Nama Pekerja < / ke >

< ke > Gaji < / ke >

< / tr >

< tr >

< td > 1 < / td >

< td > John < / td >

< td > 160,000 < / td >

< / tr >

< tr >

< td > 2 < / td >

< td > Yusuf < / td >

< td > 120,000 < / td >

< / tr >

< tr >

< td > 3 < / td >

< td > Angela < / td >

< td > 120,000 < / td >

< / tr >

< tr >

< td > 4 < / td >

< td > Scarlet < / td >

< td > 80,000 < / td >

< / tr >

< / meja >

< / badan >

Dalam coretan kod di atas:

  • Pertama, lima baris telah dibuat dan beberapa data tiruan disediakan untuk setiap sel.
  • Seterusnya, ' meja elemen ” dipilih dan tetapkan “ runtuh ' nilai kepada CSS ' sempadan-runtuh ” harta benda.
  • Selepas itu, ' sempadan ” dan “ padding sifat ” digunakan untuk meningkatkan keterlihatan pengguna dan mencipta kesan menarik pengguna.

Selepas pelaksanaan kod, jadual muncul seperti ini:



Output di atas memaparkan bahawa jadual dibuat dan digayakan.

Langkah 2: Menggunakan Atribut 'jalur baris' dengan Elemen 'td'.

' rentang baris ” atribut menggabungkan sel bersebelahan dalam arah menegak. Ia digunakan dengan '

” elemen/tag. Atribut mengambil nombor sebagai nilai dan memberitahu bilangan sel yang digabungkan dalam arah menegak. Sel bersebelahan yang akan datang mesti mempunyai satu sel kurang kuantiti dan ruang itu akan diisi oleh atribut 'jalur baris' seperti yang ditunjukkan di bawah:

< badan >

< meja >

< tr >

< ke >Emp.id< / ke >

< ke >Nama Pekerja< / ke >

< ke >Gaji< / ke >

< / tr >

< tr >

< td > 1 < / td >

< td >John< / td >

< td > 160 ,000< / td >

< / tr >

< tr >

< td > 2 < / td >

< td >Yusuf< / td >

< td rentang baris = '2' > 120 ,000< / td >

< / tr >

< tr >

< td > 3 < / td >

< td >Angela< / td >

< / tr >

< tr >

< td > 4 < / td >

< td >Scarlet< / td >

< td > 80 ,000< / td >

< / tr >

< / meja >

< / badan >

Dalam kod di atas:

  • 'Jalur baris' dilampirkan dengan pekerja yang mempunyai ' Gaji ” unsur td.
  • Nilai ' 2 ” diberikan kepada atribut “rowspan” yang menetapkan data yang sama dalam kedua-dua sel bersebelahan seperti yang ditunjukkan di bawah:

Output menggambarkan bahawa kedua-dua sel digabungkan dan kebolehbacaan untuk pengguna kini dipertingkatkan.

Kesimpulan

' rentang baris atribut ” berfungsi dengan “ td ” elemen untuk menggabungkan berbilang sel bersebelahan dalam arah menegak. Atribut mengambil nombor sebagai nilai dan memberitahu bilangan sel yang digabungkan. Ia digunakan di mana data yang sama diberikan kepada berbilang sel. Blog ini telah menunjukkan apa itu 'rowspan' dan cara menggunakannya dengan elemen 'td' dalam HTML.

Lain-lain

Kategori

Jawatan Popular

Cara Menggunakan Perintah Cat untuk Menulis Teks pada Fail

Sandarkan Data Raspberry Pi dengan Duplicati

Cara Mendapatkan Sijil SSL Let's Encrypt Menggunakan Pengesahan DNS CloudFlare Certbot

Bagaimana untuk Mengeluarkan Perpuluhan daripada Nombor Titik Terapung dalam MATLAB?

Cara Melakukan Pengelasan Teks Menggunakan Transformer

Bagaimana untuk Membetulkan Ralat Kemas Kini Windows 0x8024402f dalam Windows 10/8/7

Bagaimana Untuk Memadam Direktori dalam Linux

Cara Auto Refresh Halaman Web Setiap 5 Saat Menggunakan JavaScript

Bentuk Normal Ketiga

Bagaimana untuk Mencipta Cawangan Baharu daripada Tag?

Apakah Perbezaan Antara = dan == Operator dalam Pengaturcaraan C?

Adakah ESP32 Lebih Baik daripada Arduino

Cara Semak sama ada UEFI Secure Boot Didayakan/Dilumpuhkan pada Linux

Cara Menambah Nilai pada JavaScript Tatasusunan

Bagaimana untuk Menukar Warna Papan Kekunci dalam Android?

Cara Menggunakan Fungsi date_default_timezone_set() dalam PHP

Cara Memasang Memcached dalam Windows

Gunakan PowerShell untuk Memadamkan Profil Pengguna (Panduan Langkah demi Langkah)

Cara Menggunakan PowerShell untuk Melepaskan Sebut Harga Berganda

Bagaimana Menggunakan Aksara Khas dalam Pengaturcaraan C?