СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Создание таблиц в HTML

Категория: Информатика

Нажмите, чтобы узнать подробности

Данная презентации будет полезна учителям при изучении на уроках языка разметки HTML, а также школьникам для сомостоятельного изучения

Просмотр содержимого документа
«Создание таблиц в HTML»

Создание таблиц в HTML Кукиль Анатолий Николаевич МБОУ «СОШ №33» г. Симферополь 2018 г.

Создание таблиц в HTML

Кукиль Анатолий Николаевич

МБОУ «СОШ №33»

г. Симферополь

2018 г.

Создадим таблицу

Создадим таблицу

Атрибуты TABLE align – тип выравнивания по горизонтали bgcolor – цвет фона и заполнения рамки border – Ширина рамки (по умолчанию 0 ) cellpadding – расстояние между содержимым ячеек и рамкой (по умолчанию 1 ) cellspacing – расстояние между ячейками (по умолчанию 2 ) width – Ширина таблицы, задается или пикселями или процентами. " width="640"

Открываем блокнот

Ученики 8а

border=2 cellpadding=5 cellspacing=2

width=“100%” bgcolor=green align=center

Атрибуты TABLE

align – тип выравнивания по горизонтали

bgcolor – цвет фона и заполнения рамки

border – Ширина рамки (по умолчанию 0 )

cellpadding – расстояние между содержимым ячеек и рамкой (по умолчанию 1 )

cellspacing – расстояние между ячейками (по умолчанию 2 )

width – Ширина таблицы, задается или пикселями или процентами.

Появилась полоса

Появилась полоса

Оценки учеников 8a класса Атрибуты align – тип выравнивания по горизонтали valign – над таблицей top, под таблицей botton " width="640"

Создание заголовка для таблицы

align=center valign=top

Оценки учеников 8a класса

Атрибуты

align – тип выравнивания по горизонтали

valign – над таблицей top, под таблицей botton

Атрибуты align – тип выравнивания по горизонтали bgcolor – цвет фона строки valign – тип выравнивания по вертикали ( top- по верхней границе , center- по центру, botton- по нижней границе) " width="640"

Создание строки

bgcolor=teal

Атрибуты

align – тип выравнивания по горизонтали

bgcolor – цвет фона строки

valign – тип выравнивания по вертикали ( top- по верхней границе ,

center- по центру, botton- по нижней границе)

Создаем столбцы фамилия  width=фамилия четверть width="20%" rowspan=2четверть width="40%" colspan=2оценка оценка Атрибуты align – тип выравнивания по горизонтали bgcolor – цвет фона строки valign – тип выравнивания по вертикали rowspan- высота ячейки в строки width – ширина ячейки colspan- сколько столбцов в ширину будет занимать данная ячейка rowspan- определяет, сколько строк в высоту займет ячейка " width="640"

Создаем столбцы

фамилия

width="40%" rowspan=2фамилия

четверть

width="20%" rowspan=2четверть

width="40%" colspan=2оценка

оценка

Атрибуты

align – тип выравнивания по горизонтали

bgcolor – цвет фона строки

valign – тип выравнивания по вертикали

rowspan- высота ячейки в строки

width – ширина ячейки

colspan- сколько столбцов в ширину будет

занимать данная ячейка

rowspan- определяет, сколько строк в

высоту займет ячейка

Создаем вторую строку  физика  химия

Создаем вторую строку

физика

химия

Аналогично добавляем следующие строки  Петров  1 5 4   2 4 4

Аналогично добавляем следующие строки

Петров

1

5

4

2

4

4

Затем добавляем очередную строку  Иванов 1 3 4   2 3 3

Затем добавляем очередную строку

Иванов

1

3

4

2

3

3

Спасибо за  внимание!!!

Спасибо

за

внимание!!!