Просмотр содержимого документа
«Создание таблиц в HTML»
Создание таблиц в 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="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 | 3 | 4 |
2 | 3 | 3 |
Спасибо
за
внимание!!!