{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Атрибут "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan"},{"type":"text","text":" в HTML используется в тегах "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" для "},{"type":"text","marks":[{"type":"bold"}],"text":"объединения ячеек по вертикали"},{"type":"text","text":", то есть он позволяет одной ячейке "},{"type":"text","marks":[{"type":"bold"}],"text":"занимать сразу несколько строк таблицы"},{"type":"text","text":"."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 Основное назначение"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"rowspan"},{"type":"text","text":" определяет, "},{"type":"text","marks":[{"type":"bold"}],"text":"на сколько строк вниз"},{"type":"text","text":" будет растягиваться ячейка."},{"type":"hardBreak"},{"type":"text","text":"Если обычная ячейка занимает одну строку, то с "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan"},{"type":"text","text":" она может объединять две, три и больше."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 Пример:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n \n \n \n \n \n \n \n \n \n \n \n

Имя	Город
Анна	Москва
Санкт-Петербург

\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"💡 Здесь ячейка с именем "},{"type":"text","marks":[{"type":"bold"}],"text":"«Анна»"},{"type":"text","text":" объединяет две строки и располагается слева от двух разных городов."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 Объяснение:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Атрибут "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan=\"2\""},{"type":"text","text":" говорит браузеру: "},{"type":"text","marks":[{"type":"italic"}],"text":"эта ячейка должна занимать две строки подряд"},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Аналогично "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan=\"3\""},{"type":"text","text":" — на три строки, и т.д."}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 Пример в итоговой таблице:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n \n \n \n \n \n \n \n \n \n \n \n \n \n

Категория	Показатели
2024	2025
Доход	1.2M	1.5M

\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Здесь "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan=\"2\""},{"type":"text","text":" объединяет ячейку «Категория» по вертикали, а "},{"type":"text","marks":[{"type":"code"}],"text":"colspan=\"2\""},{"type":"text","text":" — объединяет заголовки по горизонтали."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 Важно:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Значение "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan"},{"type":"text","text":" — "},{"type":"text","marks":[{"type":"bold"}],"text":"целое положительное число"},{"type":"text","text":" (например, "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan=\"3\""},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"По умолчанию — "},{"type":"text","marks":[{"type":"code"}],"text":"1"},{"type":"text","text":" (ячейка не объединяется)."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Если задать слишком большое значение, может нарушиться структура таблицы."}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔸 Разница между "},{"type":"text","marks":[{"type":"code"}],"text":"colspan"},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan"},{"type":"text","text":":"}]},{"type":"table","content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Атрибут"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Объединяет"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Направление"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"colspan"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Столбцы"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Горизонтально"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"rowspan"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Строки"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Вертикально"}]}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔸 Вывод:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Атрибут "},{"type":"text","marks":[{"type":"code"}],"text":"rowspan"},{"type":"text","text":" объединяет "},{"type":"text","marks":[{"type":"bold"}],"text":"ячейки по вертикали"},{"type":"text","text":", позволяя одной ячейке занимать несколько строк."},{"type":"hardBreak"},{"type":"text","text":"Используется для создания более сложных таблиц с иерархией данных, итогами и группировками."}]}]}

Что делает атрибут rowspan?

Комментарии