Как да вмъкнете tablitsn в HTML

Този пример показва как да вмъкнете таблица в HTML-документа.

Как да променя рамката около масата.

Таблица добавя с помощта на маркер

. Таблицата включва линии (т ), Всеки ред се състои от една или повече клетки с данни (елемент , и Тя се използва рядко, поради непълна подкрепа за браузъри. Очаква се, че това ще бъде коригирано в бъдещите версии на XHTML.

Още примери

Този пример показва таблицата без рамки.

Пример demonstiruet как да се показва заглавията в таблицата.

Пример demonstiruet използване на не-скъсване пространство ( "") за правилното дисплея на празни клетки.

Пример маса demonstiruet с име.

Този пример показва за асоцииране nesolkih клетките в stobltsah / маса редове.

Пример demonstiruet като други елементи, показани в таблицата.

Пример demonstiruet използвате cellpadding атрибут за увеличаване на областта около съдържанието на клетката.

Пример demonstiruet използва cellspacing атрибут за промяна на разстоянието между клетките.

Пример demonstiruet как да промените фона на масата, или да използвате като фоново изображение.

Пример demonstiruet как да се промени модела клетка в таблицата или да се използва като фоново изображение.

Пример demonstiruet използвате подравняване атрибут за привеждане в съответствие на съдържание на клетки.

Използването рамка атрибут за наблюдение на рамки около масата.

Използването на граничния атрибути рамка и за контролиране на рамки на масата.

тагове маси







). Клетъчни данни могат да включват текст, изображения, списъци, параграфи, форми, хоризонтални линии, таблици и т.н.
















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

Как ще изглежда в браузъра:

В първия ред, първата клетка

Първият ред, втора клетка

Втората линия, първата клетка

Втората линия, втората клетка

Маси и граничен атрибут

Ако не посочите граница атрибут на масата ще се появи без рамки. понякога е полезно, но в повечето случаи най-вероятно ще искате да покажете рамка на маса.

За да ги покажете, трябва да използвате граничния атрибут:






В първия ред, първата клетка Първият ред, втора клетка

Заглавията в таблицата

Заглавията в таблицата се вмъкват използването на маркера














удар с глава Друг глава
Линия 1, клетка 1 Линия 1, клетка 2
Образец 2, клетката 1 Образец 2, клетка 2

Как ще изглежда в браузъра:







Друг глава

Линия 1, клетка 1

Линия 1, клетка 2

Образец 2, клетката 1

Образец 2, клетка 2

Празните клетки в таблицата

Празните клетки не са много добре, показвани в много браузъри:










Линия 1, клетка 1 Линия 1, клетка 2
Образец 2, клетката 1

Как ще изглежда в браузъра:

Линия 1, клетка 1

Линия 1, клетка 2

Образец 2, клетката 1

Имайте предвид, че рамката изчезна зад празна клетка (Mozilla Firefox показва рамката!).

За да се избегне това и да се покаже рамка около празната клетка, добавете непрекъсваем интервал (), за да празните клетки:










Линия 1, клетка 1 Линия 1, клетка 2
Образец 2, клетката 1

Как ще изглежда в браузъра:

Линия 1, клетка 1

Линия 1, клетка 2

Образец 2, клетката 1

тагове