Уроци по HTML - Сливане на клетки от таблица

Много често, когато използвате HTML-маси, е необходимо да се обединят клетки хоризонтално или вертикално. Такава асоциация позволява по-ясно да и удобно структурирана таблични данни, които улесняват възприемането на потребители на информация и даване на разработчиците повече възможности за превод на техните идеи. И понякога без сливане клетки от таблица, просто не може да направи.

Както знаете, за създаването на HTML-клетки от таблица, отговорни тагове и . съответно това е, че те трябва да се съчетават качествата на клетките. Тя ColSpan и rowspan.

Обединяване клетки хоризонтално

За да обедините клетки хоризонтално, трябва да посочите в маркера или ColSpan атрибут. стойността му е положителен, показва броя на клетките от тока, взети заедно. В този случай, броят (линия) на масата трябва да бъде по-малък брой клетки на маркера, за да се запази структурата на таблицата.

Пример комбиниране клетки хоризонтално

Резултатът в браузъра

Комбинирането на клетки вертикално

За вертикални клетки в асоциацията тагове и Той използва rowspan атрибут. Стойността му е цяло число, което показва броя на обединените клетки, а също и в колоната е по-малкия брой на клетъчните маркери.

Пример комбиниране клетки вертикално

Резултатът в браузъра

В същото време на вертикална и хоризонтална асоциация

Естествено HTML-клетките на таблицата могат да се комбинират вертикално и хоризонтално в същото време, но има едно много важно правило - можете да комбинирате само еквивалент клетка. Например, ако имате мобилен, състояща се от две хоризонтални, вертикалата може да се комбинира само с точно същото.

Резултатът в браузъра

Cell 1.1, 1.2 и 2.1, 2.2

Сливане на клетки от таблица - доста сложна магия, така че вашата задача ще бъде посветена само на това.

1. Погледнете в резултат на дадена задача и напълно отново.

След като домашна работа е толкова малка, нека още веднъж проверка на теоретичните знания.

1. Какъв вид на HTML-елементи включват линкове, изображения, таблици и етикет