tfoot dalam HTML

Seperti yang kita tahu tfoot dalam HTML menggunakan elemen yang dipanggil jadual untuk perwakilan data jadual. Ini terdiri daripada elemen seperti

, , dll. Antaranya ialah salah satu elemen penting dalam jadual untuk memaparkan bahagian ringkasan lajur jadual.

tag mesti diletakkan selepas , , tag dalam jadual. Seseorang boleh menunjukkan teg ini sama ada sebelum atau selepas atau elemen. Apabila terdapat berbilang halaman tersedia dalam jadual, elemen ini membantu pengguna meletakkan pengaki jadual di bahagian bawah halaman dan menatal kandungan jadual secara berasingan.

Sintaks

Sintaks untuk mentakrif

tag adalah seperti berikut:

….….….

….

Daripada sintaks di atas, teks yang disertakan dalam teg

dianggap sebagai pengaki jadual.tag mungkin termasuk satu atau lebih elemen.

tag menyokong atribut yang berbeza, mari lihat satu persatu:

selaraskan: Atribut ini membantu menjajarkan teks dengan merujuk kepada kandungannya.

valign: Atribut ini berguna untuk menjajarkan kandungan ke dalam penjajaran menegak teksnya.

char: Salah satu sifat penting berkenaan dengan

tag digunakan untuk menjajarkan teks dalam sel pengepala kepada aksara yang dihormati.

Charoff: Ini adalah satu lagi atribut penting yang digunakan untuk menetapkan atribut aksara. Atribut jenis tersebut ditakrifkan dalam bentuk angka.

Kami boleh memutuskan kedudukan

teg dengan mentakrifkan nilai seperti penjajaran ke kiri, ke tengah sel, ke kanan sel, sisipkan atau justifikasi ruang tertentu0020di sekeliling kandungan teks, char untuk penjajaran kandungan teks dengan aksara khas dengan offset minimum, dsb.

Teg ini boleh digunakan dengan sifat CSS yang berbeza adalah seperti berikut:

text-align: Sifat ini membantu menjajarkan teks pengaki sama ada di kiri, kanan, justify atau tengah secara langsung dengan bantuan kandungan teks.

bgcolor: Untuk menjadikan sel jadual lebih menarik, sifat ini membantu kami menetapkan warna sebagai latar belakang kepada sel lajur.

gaya fon: Seseorang boleh memberikan penggayaan pada teks, yang disertakan dalam

tag. Seseorang boleh menetapkan nilai kepada fon sebagai biasa, condong, awal, warisan, dll.

saiz fon: Pengguna mungkin boleh menunjukkan teks dalam saiz yang berbeza kerana mereka mahu menggunakan sifat penggayaan ini.

berat fon: Seseorang boleh memutuskan sama ada teks mereka harus sama ada tebal atau condong.

transformasi teks: Sifat ini membantu untuk menunjukkan huruf besar teks atau mengawal huruf besar teks.

teks-hiasan: Jika kita ingin menghias teks yang disertakan dalam

tag supaya kami boleh menggunakan sifat ini untuk teks-garis hiasan, teks-gaya-hiasan, teks-warna-hiasan dll.

bayang-teks: Sifat ini membantu anda menambahkan bayang-bayang pada teks.

ketinggian garisan: Ia akan membantu untuk menetapkan ketinggian kepada garisan yang diberikan.

jarak perkataan: Ia adalah salah satu sifat penting untuk memberi ruang khusus antara perkataan.

Bagaimana HTML berfungsi pada tfoot?

elemen digunakan dengan gabungan dan yang akan mentakrifkan setiap elemen jadual seperti pengepala, pengaki dan badan. Teg ini akan menggunakan satu atau lebih elemen dalam elemen, jadi ia akan membantu untuk memaparkan ringkasan kandungan jadual. Ia harus diletakkan di bahagian bawah meja. Kerja utama tag adalah untuk mengekalkan data jadual yang besar. Ini akan membolehkan pengguna memaparkan kandungan jadual secara bebas supaya pengguna dapat merasai pengalaman yang lebih baik dalam kebolehgunaan.

Mari kita lihat satu contoh bagaimana sebenarnya

tag akan berfungsi dalam HTML:

Contoh:

Emp_ID		Name		Designation
111	John	Developer
112	Krishna	Tester
113	Danish	Project Manager
Total Employee	3

Jadi dalam contoh di atas,

tag akan memaparkan jumlah kiraan pekerja daripada jadual.

Contoh tfoot dalam HTML

Contoh tfoot dalam HTML ditunjukkan di bawah:

Contoh #1

Di sini ditunjukkan contoh Belanjawan-2020b menggunakan

tag:

Kod:

<style>
thead {
background-color:cadetblue;
color: #fff;
}
tbody {
background-color: lightcyan;
}
table {
border-collapse: collapse;
border: 2px solid rgb(180, 180,180);
}
td,
th {
border: 1px solid rgb(200, 200, 200);
padding: 5px 5px;
}
td {
text-align: left;
}
</style>

Decreasing Prices	Increasing Prices
SOYA PROTEIN	CONSUMERS HAVE TO SHELL MORE FOR CHEMICALS
SOYA FIBRE	AUTO PARTS
ALCOHOLIC BEVERAGES	FANS, TABLEWARE
SKIMMED MILK	KITCHENWARE PRICES TO
FUSE, CHEMICALS, PLASTICS	MEDICAL EQUIPMENT COSTLIER
LIGHTWEIGHT-COATED PAPER	FURNITURE
CHEAPER PRODUCTS	EXPENSIVE PRODUCTS

Output:

Contoh #2

Di sini ia ditakrifkan

tag sebaik sahaja selesai:

Kod:

<title>HTML tfoot Tag</title>
<style>
table{
border-collapse: collapse;
}
thead,tfoot{
background-color:darkgoldenrod;
color:white;
padding:5px;
}
tbody{
background-color:azure;
padding:5px;
}
</style>


<h4 id="tfoot-in-HTML">tfoot in HTML</h4>

Subject	Marks	Grades
Total Marks	647	A+
English	90	A+
Math	85	A
Science	80	A
History	75	B
Social Science	75	B
History	72	B
Geography	95	A+
Biology	75	B

Output:

Example #3

General Example on tfoot tag.

Code:

<title>tfoot tag</title>
<style>
table, td, th {
border: 1px solid black;
padding: 3px;
text-align: center;
}
table {
background-color:lightgray;
}
</style>

Department	Number of People
Principle	1
Supervisor	4
Teaching staff	200
Non-Teaching staff	20
Peon	15
Total People	236

Atas ialah kandungan terperinci tfoot dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!