Таблици в HTML

Содержание

Слайд 2

Таблици

Начало и край на таблица



Начало и край на ред


Начало и край на

Таблици Начало и край на таблица Начало и край на ред Начало и край на клетка
клетка


Слайд 3

Таблици












Първи ред, първа колона Първи ред,Таблици Първи ред, първа колона Първи ред, втора колона Първи ред, трета
втора колона
Първи ред, трета колона
Втори ред, първа колона Втори ред, втора колона Втори ред, трета колона

Слайд 4

Атрибути на тага


border=“цифрова стойност“ задава рамка на таблицата в пиксели
bordercolor=“цвят“ задава цвят наАтрибути на тага border=“цифрова стойност“ задава рамка на таблицата в пиксели bordercolor=“цвят“

рамката
bgcolor=“цвят“ задава цвят на фона на таблицата
background=“изображение“ задава изображение като фон
align=“left, center или right“ задава позициониране на таблицата вляво, в центъра или вдясно

Слайд 5

Атрибути на тага


width=“цифрова стойност или процент“ задава ширината на таблицата в пикселиАтрибути на тага width=“цифрова стойност или процент“ задава ширината на таблицата в
или в процент от свободното пространство
cellpadding=“цифрова стойност или процент“ задава разстоянито между съдържанието на клетката и стените в пиксели или процент
cellspacing=“цифрова стойност или процент“ задава разстоянието в пиксели или процент между отделните клетки

Слайд 6

Атрибути на тага


frame=“една от стойностите: lhs, rhs, vsides, above, below, hsides,Атрибути на тага frame=“една от стойностите: lhs, rhs, vsides, above, below, hsides,

void, box, border“, където
lhs премахва горната, долната и дясната рамка на таблицата rhs премахва горната, долната и лявата рамка на таблицата vsides премахва горната и долната рамка на таблицата above премахва страничните и долната рамка на таблицата below премахва страничните и горната рамка на таблицата hsides премахва страничните рамки на таблицата void премахва външните рамки на таблицата box и border показват всички рамки (същия ефект е по подразбиране)
За да се ползва атрибута frame трябва на атрибута border  да е зададена стойност различна от 0.

Слайд 7

Атрибути на тага


align=“left, center или right“ позиционира съдържанието на колона вляво, вАтрибути на тага align=“left, center или right“ позиционира съдържанието на колона вляво,

центъра или вдясно
valign=“top, middle или bottom“ позиционира съдържанието на колона горе, в средата или долу
bgcolor=“цвят“ задава цвят на фона
bordercolor=“цвят“ задава цвят на рамката (задължително е в такъв случай стойността border на таблицата да бъде различна от 0)

Слайд 8

Атрибути на тага


align=“left, center или right“ позиционира съдържанието на колона вляво, вАтрибути на тага align=“left, center или right“ позиционира съдържанието на колона вляво,

центъра или вдясно
valign=“top, middle или bottom“ позиционира съдържанието на колона горе, в средата или долу
bgcolor=“цвят“ задава цвят на фона на колоната
background=“изображение“ задава изображение като фон на клетката
colspan=“цифрова стойност“ определя колко колони обхваща една клетка
rowspan=“цифрова стойност“ определя колко реда обхваща една клетка
width=“цифрова стойност или процент“ задава ширина на клетката в пиксели или процент от възможното пространство
height=“цифрова стойност“ задава височина на клетката в пиксели

Слайд 9

Пример




Таблица


Пример Таблица

Слайд 10

Пример








Слайд 11

Пример






Пример Първи ред, втора колона Първи ред, трета колона
“cvete.jpg” width=“50” height=“50”>
Първи ред, втора колона Първи ред, трета колона
Втори ред, първа колона Втори ред, втораПример Втори ред, първа колона Втори ред, втора колона Втори ред, трета колона
колона
Втори ред, трета колона



Слайд 12

Задача Първа страница на сайта

Задача Първа страница на сайта