HTML Урок 4 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Таблицы в html Цвет границы таблицы Расстояние и отступ между и внутри ячеек Выравнивание таблицы, ее строк. - презентация

1 HTML Урок 4 Пищита Е.В.

2 СОДЕРЖАНИЕ УРОКА Таблицы в html Цвет границы таблицы Расстояние и отступ между и внутри ячеек Выравнивание таблицы, ее строк и ячеек, внутри документа Выравнивание таблицы и ее частей по вертикале Объединение ячеек по горизонтали и вертикали Цвет фона в таблице, ее строк и ячеек Рисунок в роле фона таблицы и ее ячеек Практическая работа 3

3 Таблицы в html Все эти теги парные (ячейку, строку и таблицу нужно закрыть ) Наш код создаёт таблицу из двух строк и в каждой строке по три ячейки. - Ячейка 1 - Ячейка 2 - Ячейка 3 - Ячейка 4 - Ячейка 5 - Ячейка 6 Строка 1 Строка 2 Тег начинает таблицу. WIDTH="350" - ширина таблицы в пикселях или в % от экрана, HEIGHT = 100 – высота ячеек, BORDER="1"- толщина границы табл. Тег - строка таблицы. Тег - ячейка в строке.

4 Цвет границы таблицы Атрибут задаёт цвет границы таблицы.

5 Расстояние и отступ между и внутри ячеек

6 Выравнивание таблицы, ее строк и ячеек, внутри документа Выравнивание таблицы и отдельных её фрагментов можно задать с помощью следующих атрибутов: ALIGN="LEFT (СЛЕВА) – по умолчанию ALIGN="CENTER (ПО ЦЕНТРУ) ALIGN="RIGHT (СПРАВА) Выравнивание всей таблицы справа Выравнивание первой строки справа Выравнивание шестой ячейки по центру

7 Выравнивание таблицы и ее частей по вертикале Следующие параметры задают выравнивание по вертикале: VALIGN="TOP (ПО ВЕРХУ) VALIGN="CENTER (ПО ЦЕНТРУ) – по умолчанию VALIGN="BOTTOM (ПО НИЗУ) Выравнивание шестой ячейки по вертикали по верху Выравнивание первой строки по вертикали по низу

8 Объединение ячеек по горизонтали и вертикали Атрибуты тега помогут объединять несколько ячеек в одну: COLSPAN="Число объединяемых ячеек по горизонтали" ROWSPAN="Число объединяемых ячеек по вертикали " Объединили две ячейки по горизонтали Объединили две ячейки по вертикали На второй строке осталось две ячейки

9 Цвет фона в таблице, ее строк и ячеек Цвет таблицы или её фрагментов можно задать следующим атрибутом: BGCOLOR=«название цвета фона или его 16-ричный вид"

10 Рисунок в роле фона таблицы и ее ячеек Фоном таблицы или её фрагментов можно сделать и рисунок: BACKGROUND="Адрес и имя рисунка"

11 Практическая работа 3 Добавить в документ grafik.htm таблицу. Данные взять из EXCEL (исследования по проекту). Необходимые элементы: Количество строк - не меньше 3-х Количество столбцов – не меньше 3-х Объединение ячеек Предусмотреть: Цвет границ Размер ячеек Фон ячеек или всей таблицы