🗊Презентация Таблицы HTML

Категория: Образование
Нажмите для полного просмотра!
Таблицы HTML, слайд №1Таблицы HTML, слайд №2Таблицы HTML, слайд №3Таблицы HTML, слайд №4Таблицы HTML, слайд №5Таблицы HTML, слайд №6Таблицы HTML, слайд №7Таблицы HTML, слайд №8Таблицы HTML, слайд №9Таблицы HTML, слайд №10Таблицы HTML, слайд №11Таблицы HTML, слайд №12Таблицы HTML, слайд №13Таблицы HTML, слайд №14Таблицы HTML, слайд №15Таблицы HTML, слайд №16Таблицы HTML, слайд №17Таблицы HTML, слайд №18Таблицы HTML, слайд №19Таблицы HTML, слайд №20Таблицы HTML, слайд №21Таблицы HTML, слайд №22Таблицы HTML, слайд №23Таблицы HTML, слайд №24Таблицы HTML, слайд №25Таблицы HTML, слайд №26Таблицы HTML, слайд №27Таблицы HTML, слайд №28

Содержание

Вы можете ознакомиться и скачать презентацию на тему Таблицы HTML. Доклад-сообщение содержит 28 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Таблицы в HTML
Описание слайда:
Таблицы в HTML

Слайд 2





Таблицы 
     Для создания таблиц в языке HTML используются следующие элементы:

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

Слайд 3





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

Слайд 4





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

Слайд 5





Атрибуты <caption>
Align=left | center | right
Valign=top | bottom (положение по вертикали)
Описание слайда:
Атрибуты <caption> Align=left | center | right Valign=top | bottom (положение по вертикали)

Слайд 6





Атрибуты <tr><th><td>
Bgcolor=#xxxxxx
Backgroung=“имя_а.jpg”-
Align=left | center | right
Valign=top | midlle | bottom
Для <th><td>
Colspan=n
Rowspan=n
Описание слайда:
Атрибуты <tr><th><td> Bgcolor=#xxxxxx Backgroung=“имя_а.jpg”- Align=left | center | right Valign=top | midlle | bottom Для <th><td> Colspan=n Rowspan=n

Слайд 7






Атрибут colspan

Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.
Описание слайда:
Атрибут colspan Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

Слайд 8






Атрибут rowspan
Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.
Описание слайда:
Атрибут rowspan Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

Слайд 9





ОБЫЧНАЯ ТАБЛИЦА 3X2
Описание слайда:
ОБЫЧНАЯ ТАБЛИЦА 3X2

Слайд 10





ДВА ПРИМЕРА С ROWSPAN
Описание слайда:
ДВА ПРИМЕРА С ROWSPAN

Слайд 11






ПРИМЕР С COLSPAN
Описание слайда:
ПРИМЕР С COLSPAN

Слайд 12





ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (<TH>)
Описание слайда:
ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (<TH>)

Слайд 13





ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ
Описание слайда:
ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ

Слайд 14





ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN
Описание слайда:
ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN

Слайд 15






ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ
Описание слайда:
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ

Слайд 16






ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN
Описание слайда:
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN

Слайд 17






ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN
Описание слайда:
ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN

Слайд 18






ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ
ТАБЛИЦА БЕЗ РАМКИ
Описание слайда:
ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ ТАБЛИЦА БЕЗ РАМКИ

Слайд 19






ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10
Описание слайда:
ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10

Слайд 20






ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ
ALIGN=LEFT | RIGHT | CENTER
Описание слайда:
ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ ALIGN=LEFT | RIGHT | CENTER

Слайд 21







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

Слайд 22





CAPTION=TOP
Описание слайда:
CAPTION=TOP

Слайд 23





CAPTION=BOTTOM
Описание слайда:
CAPTION=BOTTOM

Слайд 24






ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 50%
Описание слайда:
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ ШИРИНА 50%

Слайд 25





ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 100%
Описание слайда:
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ ШИРИНА 100%

Слайд 26






ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ
Описание слайда:
ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ

Слайд 27





HEIGHT=15%
Описание слайда:
HEIGHT=15%

Слайд 28





Задание
Описание слайда:
Задание



Теги Таблицы HTML
Похожие презентации
Mypresentation.ru
Загрузить презентацию