6. таблицы и другие теги html

Preview:

DESCRIPTION

Все о таблицах в html

Citation preview

Продолжаем изучать «азбуку»

Таблица и её атрибуты

• <table>• <tr>• <td>

Табличные теги

• СТАРАЯ ЛОГИЧЕСКАЯ ИГРА

Создайте таблицу – схему игры «в 15»

• В DW создать таблицу – Ctrl + Alt + T

• Создайте таблицу веса богатырей

Практика создания и изменения таблиц

• Добавьте колонку с ростом в см

• как применять ячейки заголовков <th>

Изменение таблиц

• Групповое выделение ячеек – с зажатым Ctrl

Как менять фон ячеек

• Cellpadding – внутренний отступ текста от границ ячейки• Cellspacing – расстояние ячеек друг от друга

Размеры и отступы в таблице

Как объединить ячейки

• Создайте последовательно таблицу:

Практика

• Сделайте границы невидимыми

• Вставьте внутрь ячеек ещё 2 таблицы c ширинойв 100%

• Alt + F6

Режим «расширенного показа» таблиц

• Создайте «избу» из таблиц

Домашнее задание 1

• Создать и оформить таблицу - календарь текущего месяца

Домашнее задание 2

Продолжение следует…