Клетки редове и колони на таблици в HTML

Използването на редове и клетки от таблица

HTML стандартни методи не е възможно да се създаде колони. Тяхното присъствие в таблицата се симулира посредством линии, които са разделени на клетки с еднаква ширина.

Създаване на ред на таблицата може да бъде само един начин. За тази цел на елемента . Между му отваряне и затваряне етикет трябва да бъде поставен клетки. HTML ви позволява да създадете два вида клетки: заглавието и обичайните.

Header клетки обикновено се използват в първия ред за кратко характеристика на съдържанието на колони. Те са създадени от един елемент . Браузъри се използват за заглавна маса клетки показват специфични стилове. Текст, разположен вътре в тях, ще бъде център подравнен и се показва с удебелен шрифт.

Конвенционални набор клетка елемент . Тяхната употреба е напълно аналогична на заглавието. Те имат същото поведение и приписват комплекти. Единствената разлика е, че на конвенционалните клетки браузъри не се прилагат специфични стайлинг.

бележка
HTML5 стандарт забранява използването на атрибутите маси, редове и клетки. Ние приемаме само атрибутите ColSpan и rowspan клетки и . които ще опишем по-късно в тази статия.

Неразрешени атрибути засягат само външна маса елементи от дизайна. Следователно, за да ги замени много по-лесно да се използва CSS.

Сливане на клетки от таблица

По подразбиране, на масата в предната част на дисплея, браузърът търси низ с най-голям брой клетки. И така, той може да разбере колко много колони на таблица. След това изчислява максималната широчина на клетка за всяка колона, а височината на клетката за всеки ред. Благодарение на визуалното "средно" и се правят присъствие имитация колони. Вие не контролира този процес, всичко това прави brazuer.

Ако някой има по-малко ред клетки, вместо изчезналите ще бъдат показани празни места. Това поведение може да се коригира с помощта на атрибута ColSpan клетки и . което от своя смисъл трябва да съдържа номера. Той изрично казва на браузъра колко колони тази клетка заема маса.

Действие ColSpan атрибут се нарича още обединението на клетките. Тя идва от ляво на дясно на текущата позиция на клетката. "2" на ColSpan атрибут казва на браузъра, че клетката заема две колони (и си един на дясно).

HTML също така ви позволява да обедините клетки вертикално. Всяка клетка може да бъде комбиниран с този, който се намира под него в другия ред. За да направите това, използвайте rowspan атрибутите елементи и . Неговият ефект е подобен на обединят хоризонтално. Стойността "2" rowspan атрибут казва на браузъра, че дадена клетка заема две линии (и неговата такава, която по-долу).

Сподели в sotscetyah: