{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Структура таблицы в HTML состоит из нескольких основных элементов, каждый из которых отвечает за определённую часть таблицы."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 1. "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" — контейнер таблицы"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Это "},{"type":"text","marks":[{"type":"bold"}],"text":"основной тег"},{"type":"text","text":", внутри которого располагаются все остальные элементы таблицы."}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"

...

\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 2. "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" — строка таблицы (table row)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Каждая строка таблицы заключается в тег "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Внутри неё находятся ячейки данных ("},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":") или заголовков ("},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":")."}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n Ячейка 1\n Ячейка 2\n\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 3. "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" — ячейка данных (table data)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Используется для "},{"type":"text","marks":[{"type":"bold"}],"text":"обычных ячеек"},{"type":"text","text":", содержащих текст, числа, изображения и т.д."}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"Пример данных\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 4. "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" — ячейка заголовка (table header)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Используется для "},{"type":"text","marks":[{"type":"bold"}],"text":"заголовков столбцов или строк"},{"type":"text","text":"."},{"type":"hardBreak"},{"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":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"Название\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 5. "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" — заголовок таблицы"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Содержит одну или несколько строк "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" с заголовками ("},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":")."},{"type":"hardBreak"},{"type":"text","text":"Помогает логически отделить “шапку” таблицы."}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n \n Имя\n Возраст\n \n\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 6. "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" — тело таблицы"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Содержит основные данные таблицы (строки "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" с ячейками "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":")."}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n \n Анна\n 25\n \n\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 7. "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" — нижняя часть таблицы (итоги)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Используется для строк с итогами или примечаниями."},{"type":"hardBreak"},{"type":"text","text":"Обычно располагается внизу, но браузеры могут визуально помещать его после "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":"."}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n \n Итого\n 100\n \n\n"}]},{"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 \n \n \n \n \n \n \n \n \n

Товар	Цена
Хлеб	40 ₽
Молоко	70 ₽
Итого	110 ₽

\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"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":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"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":""}]}]},{"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":""}]}]},{"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":""}]}]},{"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":""}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Итоги/низ таблицы"}]}]}]}]},{"type":"horizontalRule"},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Вывод:"},{"type":"hardBreak"},{"type":"text","text":"Основная структура таблицы в HTML состоит из:"},{"type":"hardBreak"},{"type":"text","marks":[{"type":"code"}],"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":"	"}]}]},{"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":"

"}]}]},{"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":"

"}]}]},{"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":"

"},{"type":"text","text":" → "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" → "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" → "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" → "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" → "},{"type":"text","marks":[{"type":"code"}],"text":"

/	"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Эти элементы формируют логически правильную и семантически понятную таблицу."}]}]}

Какие основные элементы составляют структуру таблицы?

Комментарии