Рисуем таблицы сложные

{"document": [{"text": [{"type": "string", "attributes": {"bold": true}, "string": "Модуль 2. Урок 2. Создание сложных таблиц"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Сложные таблицы подразумевают объединение (слияние) ячеек по ширине или высоте. Для изучения темы мы построим такую простую таблицу:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>1</td> <td>2</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>3</td> <td>4</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Вид данной таблицы в браузере показан на рис. 1."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "1.jpg", "filesize": 2373, "height": 79, "pic_id": 142218, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/1_b1CULoY.jpeg", "width": 84}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 1. "}, {"type": "string", "attributes": {}, "string": "Простая таблица 2 на 2"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Далее на основе этой простой таблице мы познакомимся со сложными."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Пример объединения столбцов по горизонтали (colspan)"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "<table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td colspan= «2» >1+2</td><! --COLUMN (СТОЛБЕЦ) span (диапазон). В первой строке два столбца складываем вместе по горизонтали. Текст 1+2 писать не обязательно -->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>3</td><td>4</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Чтобы лучше запомнить - "}, {"type": "string", "attributes": {"bold": true}, "string": "col (column) "}, {"type": "string", "attributes": {}, "string": "это объединение столбецов ПО ГОРИЗОНТАЛИ. Атрибут "}, {"type": "string", "attributes": {"bold": true}, "string": "colspan "}, {"type": "string", "attributes": {}, "string": "позволит нам объединять "}, {"type": "string", "attributes": {"bold": true}, "string": "столбцы по горизонтали "}, {"type": "string", "attributes": {}, "string": "между собой и применяется он к тегу <td> (столбец). То есть,"}, {"type": "string", "attributes": {"bold": true}, "string": " colspan"}, {"type": "string", "attributes": {}, "string": " определяет количество столбцов, которое ячейка данных должна охватывать по горизонтали. Следовательно, запись "}, {"type": "string", "attributes": {"bold": true}, "string": "<td colspan= «2» >"}, {"type": "string", "attributes": {}, "string": " означает объединение двух столбцов в одну строку по горизонтали (рис. 2)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "2.jpg", "filesize": 2389, "height": 88, "pic_id": 142219, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/2_i3VeIsx.jpeg", "width": 84}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 2. "}, {"type": "string", "attributes": {}, "string": "Объединение двух столбцов в одну строку"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Итак, сolspan - количество столбцов по горизонтали, "}, {"type": "string", "attributes": {"bold": true}, "string": "<td colspan = «3» >"}, {"type": "string", "attributes": {}, "string": " объединено 3 столбца ("}, {"type": "string", "attributes": {"bold": true}, "string": "пустых, без текста"}, {"type": "string", "attributes": {}, "string": ") по ширине (рис. 3)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "изображение.png", "filesize": 4700, "height": 72, "pic_id": 142232, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5.jpeg", "width": 650}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 3."}, {"type": "string", "attributes": {}, "string": " Пример объединения столбцов по горизонтали"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Пример объединения строк по вертикали (rowspan)"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "<table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «2» >1 и 3</td><! --ROW (ряд) span (диапазон). В первой строке две стоки складываем вместе по горизонтали. Текст 1 и 3 писать не обязательно -->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>2</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>4</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Чтобы лучше запомнить – "}, {"type": "string", "attributes": {"bold": true}, "string": "row это ряд (строка), rowspan – "}, {"type": "string", "attributes": {}, "string": "объединение строк ПО ВЕРТИКАЛИ. Атрибут применяется к тегу к тегу <td> (столбец). Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк. Следовательно, наша запись "}, {"type": "string", "attributes": {"bold": true}, "string": "<td rowspan= «2» > "}, {"type": "string", "attributes": {}, "string": "означает объединения 2х строк по вертикали (рис. 4)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "4.jpg", "filesize": 2143, "height": 73, "pic_id": 142233, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/4_km2ld1P.jpeg", "width": 84}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 4."}, {"type": "string", "attributes": {}, "string": " Объединения 2х строк по вертикали"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Итак: rowspan – количество строк, объединяемых по вертикали (высоте). Если "}, {"type": "string", "attributes": {"bold": true}, "string": "<td rowspan= «3» >,"}, {"type": "string", "attributes": {}, "string": " то это значить, что в этой строке объединено 3 столбца по высоте (рис. 5)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "изображение.png", "filesize": 3208, "height": 86, "pic_id": 142237, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_B9VdGQr.jpeg", "width": 650}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 5."}, {"type": "string", "attributes": {}, "string": " Пример объединения строк по вертикали"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Пример построения сложной таблицы"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Шаг 1. Анализируемзадание"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Строим простую таблицу на основе сложной (рис. 6), нумеруем клетки – так будет проще понять, как будет выполнен код"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "6.png", "filesize": 24814, "height": 325, "pic_id": 142240, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/6_2Ak98vr.jpeg", "width": 1084}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 6."}, {"type": "string", "attributes": {}, "string": " Анализируем задание, чтобы понять его код"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Из рисунка мы видим, что в коде у нас не будет записей для ячеек 4 и 3"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Шаг 2. Пишем код"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» cellspacing= «0» > <! -- расстояниемеждуячейками =0-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «2» >ячейка 1</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td colspan= «2» >ячейка 2</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>ячейка 5</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>ячейка 6</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table> "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Совет"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Запишите этот пример себе в тетрадь."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Еще пример группировки столбцов и рядов"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Ниже дан пример сложной таблицы и ее код:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "| ячейка 1 | ячейка 3"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "| ячейка 4 | ячейка 5 | ячейка 6"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "| ячейка 8 | ячейка 9"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» cellspacing= «0» > <! -- расстояние между ячейками =0-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td colspan= «2» > ячейка 1 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 2 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 3 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «2» > ячейка 4 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 5 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 6 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 7 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 8 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 9 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table> "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Примечание"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Атрибут \""}, {"type": "string", "attributes": {"bold": true}, "string": "cellspacing"}, {"type": "string", "attributes": {}, "string": "\" (расстояние между ячейками) устанавливает величину отступа от границ ячеек до границ соседних элементов (других ячеек или границы таблицы). В качестве значения указывается длина отступа."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Подсказка"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Чтобы понять суть кода выше, нарисуйте таблицу 3 на 3, напишите для нее код, закомментируйте 2 и 7 клетку. Возможно, что так понять работу со сложными таблицами станет проще."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "6а.png", "filesize": 3963, "height": 123, "pic_id": 142243, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/6%D0%B0.jpeg", "width": 322}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Цвет рамки таблицы"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Для любой таблицы можно задать рамку равную, например, 5 пикселям, а рамке мы можем задать цвет, например, красный: "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «5» bordercolor= «red» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Таблица с изображением и рамкой"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Посредством таблиц можно оформлять картинки в рамки."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border=5 bordercolor=#ff0000 width=200 height=200>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<Img src= «sobaka. jpg» > "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Здесь мы задали размеры таблицы 200 на 200px, вставили в первую строку и первый столбец изображение и задали красный #ff0000 цвет рамки для ячейки (рис. 7)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "7.jpg", "filesize": 8980, "height": 209, "pic_id": 142245, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/7_F02OvXf.jpeg", "width": 288}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 7. "}, {"type": "string", "attributes": {}, "string": "Таблица использована как рамка для изображения"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Сложная таблица с цветной рамкой и цветными ячейками"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Давайтеисследуемтакойкод:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» bordercolor= «red» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td height= «30» bgcolor= «green» colspan= «2» > Первая ячейка в первой строке зеленая, шириной в 2 столбца, высотой 30 пикселей "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td width= «60» bgcolor= «green» rowspan= «2» >Вторая ячейка в 1й строке зеленая, высотой в 2 строки, зеленая, шириной 60 пикселей"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td height= «30» width= «50» bgcolor= «red» >Первая ячейка во второй строке красная, высотой 30, шириной 50 пикселей"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td width= «60» bgcolor= «red» >Вторая ячейка второй строки красная, шириной 60 пикселей"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Такая таблица в браузере смотрится так (рис. 8)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "8.jpg", "filesize": 22672, "height": 229, "pic_id": 142247, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/8_rkSdzq5.jpeg", "width": 486}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 8. "}, {"type": "string", "attributes": {}, "string": "Сложная цветная таблица из 4 ячеек"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Прежде, чем идти к преподавателю и отвечать на оценку, проверьте себя: сможете ли вы ответить на такие вопросы и выполнить такие задания?"}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Вопросыдля самоконтроля"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Покажите, как анализировать построение сложной таблицы на базе простой"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "Повторите пример объединения столбцов по горизонтали"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "Повторите пример объединения строк по вертикали"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "Выполните таблицу с изображением и рамкой"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "Выполните сложную таблицу с цветной рамкой и цветными ячейками"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Задания для самопроверки"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "1. Построить такие таблицы:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "31.jpg", "filesize": 15224, "height": 369, "pic_id": 142249, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/31.jpeg", "width": 372}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "2. Построить сложную таблицу (рис. 9)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "з2.jpg", "filesize": 8236, "height": 202, "pic_id": 142251, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/%D0%B72.jpeg", "width": 360}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Рис. 9. "}, {"type": "string", "attributes": {}, "string": "Таблица-шаблон сайта"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Атрибуты такой таблицы:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Фон bgcolor=blue"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "Текст font color=red"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Подсказка"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Примечание"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Возможно, что кому-то поможет при изучении темы работа с генератором таблиц"}], "attributes": []}, {"text": [{"type": "string", "attributes": {"href": "https://realadmin.ru/saytostroy/generator-html-table.html"}, "string": "https: //realadmin. ru/saytostroy/generator-html-table. html"}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "ПРИМЕРЫ"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "1. Группировка столбцов и рядов"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Повторите страницу по данному по образцу:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "з3.jpg", "filesize": 26675, "height": 354, "pic_id": 142253, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/%D0%B73.jpeg", "width": 625}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! DOCTYPE html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<meta charset= «utf-8» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<title>Задачник HTMLя</title>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» cellspacing= «0» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td colspan= «2» > ячейка 1 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 2 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 3 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «2» > ячейка 4 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 5 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 6 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 7 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 8 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 9 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "2. Повторите страницу по данному по образцу:"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "<! DOCTYPE html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<meta charset= «utf-8» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<title>Задачник HTML </title>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» cellspacing= «0» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td colspan= «3» > ячейка 1 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 2 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 3 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 4 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «2» > ячейка 5 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 6 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 7 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 8 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 9 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "3. Повторите страницу по данному по образцу:"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "<! DOCTYPE html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<meta charset= «utf-8» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<title>Задачник HTML </title>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» cellspacing= «0» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «3» > ячейка 1 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 2 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «3» > ячейка 3 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 4 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 5 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 6 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 7 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td> ячейка 8 </td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td> ячейка 9 </td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table> "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "4. Закрепление"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Повторите страницу по данному по образцу:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! DOCTYPE html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<html>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<meta charset= «utf-8» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<title>Задачник HTML </title>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</head>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<table border= «1» cellspacing= «0» width= «400» height= «200» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<th rowspan= «2» >номер</th>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<th colspan= «2» >теги</th>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <th>номер</th> -->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<th>тег</th>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<th>значение</th>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>1</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>p</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «4» >длятекста</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>2</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>a</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! --<td>ссылка</td> -->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>3</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>b</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td>жирный текст</td> --> "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>4</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>i</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td>курсив</td>--> "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>5</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>table</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>таблица</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>6</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>tr</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>рядтаблицы</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>7</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>td</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td rowspan= «2» >ячейкитаблицы</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<tr align= «center» >"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>8</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<td>th</td>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "<! -- <td>заголовок таблицы</td>-->"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</tr>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</table>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</body>"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "</html>"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "https://kurs12345.ru/", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "1.png", "filesize": 243706, "height": 534, "pic_id": 142254, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/08/31/1_8tgUHz4.jpeg", "width": 633}}], "attributes": []}], "selectedRange": [13462, 13463]}