Таблицы. Верстка сайта. Урок 9 2

Верстка сайта

Блочная (адаптированная) верстка

Табличная верстка

Описание таблицы
Описание строки
Описание ячейки
Таблицы в HTML

пример
результат
Таблицы в HTML

Объединение ячеек.
Таблицы в HTML

Объединение ячеек.
строка1 ячейка1
строка1 ячейка2
строка1 ячейка3
строка2 ячейка2
строка2 ячейка3
строка3 ячейка2
Данная ячейка займет 3 строки
Данная ячейка займет 2 колонки
Таблицы в HTML

Практическая работа
Урок 9

Практическая работа
В папке 2_lesson на рабочем столе (названа своей фамилией) открываем через SublimeText файл photo.html:

Практическая работа
Создать еще одну страницу table.html

Практическая работа
Работаем со страницей table.html. Добавить заголовок.
Добавить на все стр. гиперссылку на table.html

Практическая работа
Добавляем на страницу таблицу «Расписание тренировок»

Практическая работа
Заполняем ячейки текстом

Практическая работа
Объединяем ячейки
Не забыть убрать лишние ячейки!

Практическая работа