Презентация по Web программированию на тему Таблицы в HTML
Таблицы Для создания таблиц в языке HTML используются следующие элементы:TABLE - создаёт таблицу.CAPTION - задаёт заголовок для таблицы.TR - задаёт строку таблицы.TH - задаёт ячейку таблицы, заголовок столбца.TD - задаёт простую ячейку таблицы с данными.
Элемент TABLEВ языке HTML для создания таблиц служит элемент TABLE. Весь код таблицы должен располагаться между тегами <TABLE> и </TABLE>. Атрибуты этого элемента задают параметры для всей таблицы целиком.
Атрибуты элемента TABLE:border - ширина рамки вокруг всей таблицы, например border=1bgcolor - определяет цвет фона ячеек таблицы, например bgcolor="yellow“background - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка, например background=“images/foto.jpg” bordercolordark определяет тёмный цвет рамки (тень для объёмной)bordercolordark="black"bordercolor - Определяет цвет рамки (светлый цвет для объёмной) bordercolor="blue“
Атрибуты captionAlign=left| center| rightValign=top| bootom
Атрибуты <tr><th><td>Bgcolor=#xxxxxxBackgroung=“имя_а.jpg”-Align=left|center|rightValign=top|midlle|bottomДля <th><td>Colspan=nRowspan=n
ОБЫЧНАЯ ТАБЛИЦА 3X2
ДВА ПРИМЕРА С ROWSPAN
ПРИМЕР С COLSPAN
ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (<TH>)
ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ
ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN
ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN
ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИТАБЛИЦА БЕЗ РАМКИ
ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10
CELLPADDING И CELLSPACING
CELLPADDING И CELLSPACING
CELLPADDING И CELLSPACING
CELLPADDING И CELLSPACING
ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫALIGN=LEFT|RIGHT|CENTER
VALIGN=TOP|BOTTOM|MIDDLEможет применяться к отдельным ячейкам или всей строке
CAPTION=TOP|BOTTOM
CAPTION=TOP|BOTTOM
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫШИРИНА 50%
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫШИРИНА 100%
ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ
HEIGHT=15%
Задание
<HTML><HEAD><TITLE>ТАБЛИЦА</TITLE></HEAD><BODY><CENTER><TABLE width=50% BORDER=1 cellspacing=0 CELLpadding=20><TR BGCOLOR=#28421f><TH COLSPAN=2><font color=#ffffff>Программирование в компьютерных системах</font></TH><TH><font color=#ffffff>Бухгалтера</font></TH></tr><TR bgcolor=#86992d><TH align=center>базовый уровень</TH><TH>повышенный уровень</TH><TH>базовый уровень</TH></TR><TR bgcolor=#b9cc5f><TD align=center>Техник-программист</TD><TD>Программист</TD><TD>Бухгалтер</TD></TR></table></BODY></HTML>