Презентация, доклад по Web программированию на тему Таблицы в HTML

Содержание

Элемент TABLEВ языке HTML для создания таблиц служит элемент TABLE. Весь код таблицы должен располагаться между тегами и . Атрибуты этого элемента задают параметры для всей таблицы целиком.

Слайд 1Таблицы
Для создания таблиц в языке HTML используются

следующие элементы:
TABLE - создаёт таблицу.
CAPTION - задаёт заголовок для таблицы.
TR - задаёт строку таблицы.
TH - задаёт ячейку таблицы, заголовок столбца.
TD - задаёт простую ячейку таблицы с данными.
Таблицы   Для создания таблиц в языке HTML используются следующие элементы:TABLE - создаёт таблицу.CAPTION - задаёт

Слайд 2Элемент TABLE
В языке HTML для создания таблиц служит элемент TABLE.
Весь

код таблицы должен располагаться между тегами и
.
Атрибуты этого элемента задают параметры для всей таблицы целиком.
Элемент TABLEВ языке HTML для создания таблиц служит элемент TABLE. Весь код таблицы должен располагаться между тегами

Слайд 3Атрибуты элемента TABLE:
border - ширина рамки вокруг всей таблицы, например border=1
bgcolor

- определяет цвет фона ячеек таблицы, например bgcolor="yellow“
background - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка, например background=“images/foto.jpg”
bordercolordark определяет тёмный цвет рамки (тень для объёмной)bordercolordark="black"
bordercolor - Определяет цвет рамки (светлый цвет для объёмной) bordercolor="blue“
Атрибуты элемента TABLE:border - ширина рамки вокруг всей таблицы, например border=1bgcolor - определяет цвет фона ячеек таблицы,

Слайд 4Атрибуты caption
Align=left| center| right
Valign=top| bootom

Атрибуты captionAlign=left| center| rightValign=top| bootom

Слайд 5Атрибуты
Bgcolor=#xxxxxx
Backgroung=“имя_а.jpg”-
Align=left|center|right
Valign=top|midlle|bottom
Для
Colspan=n
Rowspan=n

Атрибуты Bgcolor=#xxxxxxBackgroung=“имя_а.jpg”-Align=left|center|rightValign=top|midlle|bottomДля Colspan=nRowspan=n

Слайд 6ОБЫЧНАЯ ТАБЛИЦА 3X2

ОБЫЧНАЯ ТАБЛИЦА 3X2

Слайд 7ДВА ПРИМЕРА С ROWSPAN

ДВА ПРИМЕРА С ROWSPAN

Слайд 8 ПРИМЕР С COLSPAN

ПРИМЕР С COLSPAN

Слайд 9ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ ()

ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ ()

Слайд 10ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ

ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ

Слайд 11ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN

ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN

Слайд 12 ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ

ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ

Слайд 13 ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN

ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN

Слайд 14 ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN

ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN

Слайд 15 ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ ТАБЛИЦА БЕЗ РАМКИ

ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ ТАБЛИЦА БЕЗ РАМКИ

Слайд 16 ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10

ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10

Слайд 17CELLPADDING И CELLSPACING

CELLPADDING И CELLSPACING

Слайд 18CELLPADDING И CELLSPACING

CELLPADDING И CELLSPACING

Слайд 19CELLPADDING И CELLSPACING

CELLPADDING И CELLSPACING

Слайд 20CELLPADDING И CELLSPACING

CELLPADDING И CELLSPACING

Слайд 21 ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ ALIGN=LEFT|RIGHT|CENTER

ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ ALIGN=LEFT|RIGHT|CENTER

Слайд 22 VALIGN=TOP|BOTTOM|MIDDLE может применяться к отдельным ячейкам или всей строке

VALIGN=TOP|BOTTOM|MIDDLE может применяться к отдельным ячейкам или всей строке

Слайд 23CAPTION=TOP|BOTTOM

CAPTION=TOP|BOTTOM

Слайд 24CAPTION=TOP|BOTTOM

CAPTION=TOP|BOTTOM

Слайд 25 ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ ШИРИНА 50%

ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ ШИРИНА 50%

Слайд 26ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ ШИРИНА 100%

ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ ШИРИНА 100%

Слайд 27 ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ

ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ

Слайд 28HEIGHT=15%

HEIGHT=15%

Слайд 29Задание

Задание

Слайд 30ТАБЛИЦА




Программирование в компьютерных системах

color=#ffffff>Бухгалтера

базовый уровень
повышенный уровеньбазовый уровень

Техник-программист
ПрограммистБухгалтер


ТАБЛИЦАПрограммирование в компьютерных системахБухгалтерабазовый уровеньповышенный уровеньбазовый уровеньТехник-программистПрограммистБухгалтер

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть