6. таблицы и другие теги html
DESCRIPTION
Все о таблицах в htmlTRANSCRIPT
![Page 1: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/1.jpg)
Продолжаем изучать «азбуку»
Таблица и её атрибуты
![Page 2: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/2.jpg)
• <table>• <tr>• <td>
Табличные теги
![Page 3: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/3.jpg)
• СТАРАЯ ЛОГИЧЕСКАЯ ИГРА
Создайте таблицу – схему игры «в 15»
• В DW создать таблицу – Ctrl + Alt + T
![Page 4: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/4.jpg)
• Создайте таблицу веса богатырей
Практика создания и изменения таблиц
• Добавьте колонку с ростом в см
![Page 5: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/5.jpg)
• как применять ячейки заголовков <th>
Изменение таблиц
![Page 6: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/6.jpg)
• Групповое выделение ячеек – с зажатым Ctrl
Как менять фон ячеек
![Page 7: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/7.jpg)
• Cellpadding – внутренний отступ текста от границ ячейки• Cellspacing – расстояние ячеек друг от друга
Размеры и отступы в таблице
![Page 8: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/8.jpg)
Как объединить ячейки
![Page 9: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/9.jpg)
• Создайте последовательно таблицу:
Практика
• Сделайте границы невидимыми
• Вставьте внутрь ячеек ещё 2 таблицы c ширинойв 100%
![Page 10: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/10.jpg)
• Alt + F6
Режим «расширенного показа» таблиц
![Page 11: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/11.jpg)
• Создайте «избу» из таблиц
Домашнее задание 1
![Page 12: 6. таблицы и другие теги html](https://reader034.vdocuments.mx/reader034/viewer/2022051314/559dfa541a28ab5a468b4741/html5/thumbnails/12.jpg)
• Создать и оформить таблицу - календарь текущего месяца
Домашнее задание 2
Продолжение следует…