Предназначение на Table-Cell
Таблица-клетка е индивидуален запис в таблица, който се състои от множество други клетки, точно като себе си. Основната цел на таблична клетка е да записва данни по подреден начин за по-лесно разбиране и разбиране. Означава конкретна позиция в таблица, в която се съдържа запис.
Видове таблични клетки
Една таблица в HTML има основно два типа клетки. Това са ' Заглавни клетки ' и ' Клетки за данни ”. Допълнителни подробности за техните разлики и прилики са дадени по-долу.
Заглавни клетки
Заглавните клетки са представени от „ Заглавната клетка на таблица ще бъде в горната част на колоната, а записите по-долу ще бъдат клетките с данни. Тези клетки също имат специфично форматиране, което ги отличава от клетките с данни, които следват по-долу. Заглавните клетки са определени да имат по-голям размер на шрифта и удебелени букви за добавяне на смисъл към съдържанието в клетките с данни. Пример В този блок код: Изход Както се вижда, заглавната клетка се показва с удебелен шрифт по подразбиране. Клетките с данни са представени от „ Клетките с данни също имат специално форматиране. Те имат по-малък размер на шрифта от заглавните клетки и съдържат обикновен текст или числа, според изискванията. Това е така, че клетките с данни под заглавната клетка „Име“ ще имат имената на съответните лица, например Джон, Дейвид, Майкъл и Джеймс. Пример Следните стъпки обясняват кода за създаване на клетка с данни в таблица: ” в HTML Tailwind CSS. Те съставляват заглавията на колоните в таблица. Заглавките определят какви ще бъдат всички стойности в конкретната колона. Примери за заглавки са име, имейл адрес, номер за връзка, социалноосигурителен номер и др.
В кода по-долу създадохме заглавна клетка на таблица чрез тага „“:
< маса >
< thead >
< тр >
< th > Заглавна клетка 01 < / th >
< / тр >
< / thead >
< / маса >
”.
“, съответно, за да завършите клетката на таблицата.”, за да създадете клетка за заглавка на таблица.
” в тага „ ”.
“, „“ и „
Клетки за данни
” в HTML Tailwind CSS. Тези клетки съдържат цялата информация в таблицата. Те са изброени под клетките на заглавката и съдържат данни за всички записи за определена заглавка. Например, ако заглавната клетка е озаглавена „Име“, клетките с данни под нея ще съдържат имената на целия персонал, за който се записват данните.
Кодът за създаване на клетка с данни в таблица с помощта на „ ” е даден по-долу:
< глава >
< стил >
маса {
border-collapse: колапс;
}
td {
граница : 1px плътно черно;
подложка: 10px;
}
< / стил >
< / глава >
< тяло >
< маса >
< тр >
< td >Таблица-Клетка< / td >
< / тр >
< / маса >