{"draftJsState":{"blocks":[{"data":{"image":{"id":"67c5a1eab8d8360f2345042e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5olqo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2rcbs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Таблицы – мощный инструмент для представления данных. В этой теме мы подробно рассмотрим, как создавать таблицы, объединять ячейки и стилизовать их.","type":"unstyled","key":"4u01"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.1. Как сделать простую таблицу?","type":"header-two","key":"56ie7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"a04ab"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

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

","type":"unstyled","key":"aaa5q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"44qng"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":": Создает таблицу. Атрибуты border, cellspacing и cellpadding задают базовую стилизацию.","type":"unordered-list-item","key":"11omf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":": Определяет строку таблицы.","type":"unordered-list-item","key":"51di"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"

: Создает заголовочную ячейку (текст жирный, центрирован).","type":"unordered-list-item","key":"f1nuf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"

: Создает обычную ячейку для данных.","type":"unordered-list-item","key":"278vv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"ftv4i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Лучше стилизовать таблицы через CSS, а не использовать устаревшие атрибуты.","type":"unordered-list-item","key":"7monr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте colspan и rowspan для объединения ячеек.","type":"unordered-list-item","key":"d67bm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.2. Как объединять ячейки в таблице?","type":"header-two","key":"dlmv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"4rclc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n \n \n \n \n \n \n \n \n \n \n

Объединённый заголовок
Объединённая ячейка	Ячейка 1
Ячейка 2

","type":"unstyled","key":"7t2vf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"a0ek7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"colspan=\"2\": Объединяет две ячейки по горизонтали.","type":"unordered-list-item","key":"38g2b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"rowspan=\"2\": Объединяет ячейки по вертикали.","type":"unordered-list-item","key":"eisde"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"6q31p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тщательно проверьте, чтобы структура таблицы оставалась логичной.","type":"unordered-list-item","key":"5unt7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Объединение ячеек помогает создать более информативные таблицы.","type":"unordered-list-item","key":"ck6k9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.3. Как стилизовать таблицы с помощью CSS?","type":"header-two","key":"bbpts"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример кода:","type":"header-three","key":"8g7dj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n \n \n \n \n \n \n \n \n

Имя	Возраст
Анна	25

\n","type":"unstyled","key":"f1sq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробный разбор:","type":"header-three","key":"blutq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"border-collapse: collapse; объединяет границы ячеек в одну.","type":"unordered-list-item","key":"1f0dl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"width: 100%; делает таблицу растянутой на всю ширину.","type":"unordered-list-item","key":"3cuqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Стили задают отступы, границы и фон для заголовков.","type":"unordered-list-item","key":"arr9p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"bhk5k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте внешние стили для единого оформления таблиц.","type":"unordered-list-item","key":"6qbjm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Старайтесь избегать inline-стилей для поддержки кода.","type":"unordered-list-item","key":"8sl8i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.4. Как создать нумерованные и неупорядоченные таблицы?","type":"header-two","key":"f95ia"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Описание:","type":"header-three","key":"31jpo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Хотя таблицы чаще используются для структурирования данных, списки тоже можно применять для упорядочивания информации.","type":"unstyled","key":"3pjqj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пояснения:","type":"header-three","key":"dq2g3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для структурированных данных используйте таблицы.","type":"unordered-list-item","key":"99ujc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если требуется нумерация строк, можно комбинировать таблицы и нумерованные списки.","type":"unordered-list-item","key":"b35a1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"df45h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выбирайте разметку в зависимости от типа данных: таблица для числовых данных, списки для инструкций.","type":"unordered-list-item","key":"avkep"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.5. Как сделать таблицы в блокноте HTML?","type":"header-two","key":"18ht4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Описание:","type":"header-three","key":"k18v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание таблиц в простом текстовом редакторе – отличный способ для новичков ознакомиться с базовой разметкой.","type":"unstyled","key":"1nmbu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пояснения:","type":"header-three","key":"93ikj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте базовые теги , и

для создания таблицы.","type":"unordered-list-item","key":"7ei83"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не требуется сложных инструментов – всё можно написать вручную.","type":"unordered-list-item","key":"76q5r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы:","type":"header-three","key":"do239"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Экспериментируйте с различными атрибутами и проверяйте результат в браузере.","type":"unordered-list-item","key":"dkaeh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Начните с простых таблиц, а затем усложняйте структуру.","type":"unordered-list-item","key":"55l7r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"cII6r75qr3xqzHX0bfyB"}],"entityMap":{}},"mentions":[]}