Таблицы | Оформление (11_68_pol) (68 часов в уч. год)

Планирование уроков на учебный год (по учебнику К.Ю. Полякова, Е.А. Еремина, сокращённый курс, по 2 часа в неделю)


Уроки 62 - 63
Таблицы
(§ 29. Таблицы)



Содержание урока

Структура

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

Оформление

Вопросы и задания

Задача


Оформление


В языке HTML есть атрибуты, позволяющие задать внешний вид таблицы. Например, в атрибутах тэга <table> можно задать ширину таблицы (в пикселях или процентах) и её выравнивание. Таблица, описанная как

<table width="50%" align="center">
......

</table>

всегда занимает 50% по ширине от свободного места в окне браузера и выровнена по центру. Такой дизайн называют «резиновым», потому что размеры элементов подстраиваются под размеры окна браузера. Ширину (атрибут width) и высоту (атрибут height) можно задать для каждой ячейки отдельно.

Горизонтальное и вертикальное выравнивание данных в ячейке задается атрибутами align и valign (от англ. vertical align — вертикальное выравнивание). Их можно использовать для тэгов <tr> (применяются ко всем ячейкам строки) или <td> (для одной ячейки). Атрибут align может принимать значения left, center, right и justify (влево, по центру, вправо, по ширине). Возможные значения атрибута valign — top, middle и bottom (соответственно вверх, посередине и вниз).

Более современный подход — вынести всё оформление в стилевой файл и применить каскадные таблицы стилей (CSS). Подробное описание свойств, задающих внешний вид ячеек,строк и всей таблицы можно найти в справочниках и в Интернете.

Следующая страница Вопросы и задания



Cкачать материалы урока







Наверх