58193

Создание web-страниц. Таблицы

Конспект урока

Педагогика и дидактика

Это таблица TD TR TBLE BODY Еще атрибуты параметры тега TBLE lign выравнивание по странице TBLE lign=rigth Bckground изображение фон таблицы Bgcolor цвет фона TBLE lign=right bgcolor=red...

Русский

2014-04-22

39 KB

0 чел.

Урок 5.

Создание web-страниц.

Таблицы.

Для добавления таблицы используется тег <TABLE>  </TABLE>

Каждая ячейка определяется тегом  <TD>  </TD>   (строка)  и тегом <TR>   </TR> (ячейка)

  1.  <HTML>

<HEAD>

<TITLE>ТАБЛИЦА</TITLE>

</HEAD>

<BODY>

<TABLE>

<TR>

<TD>Это таблица</TD>

</TR>

</TABLE>

</BODY>

 

Атрибут border добавляет границу указанной ширины.

  1.  <HTML>

<HEAD>

<TITLE>ТАБЛИЦА</TITLE>

</HEAD>

<BODY>

<TABLE  border=3>

<TR>

<TD>Это таблица</TD>

</TR>

</TABLE>

</BODY>

Еще атрибуты (параметры) тега TABLE

Align – выравнивание по странице

<TABLE  Align=rigth >

Background – изображение – фон таблицы

Bgcolor – цвет фона

<TABLE  Align=right bgcolor=red bordercolor=pink>

Border – ширина рамки

<TABLE  border=3   Align=right bgcolor=red bordercolor=pink>

Bordercolor –цвет рамки

Cellspacing – свободное пространство между ячейками

Cellpadding – свободное пространство вокруг содержимого ячейки

Width – ширина таблицы в пикселях или в процентах

Добавим ячеек.

<TABLE>

<TR>

<TD>Это таблица</TD>

<TD>состоит</TD>

<TD>из нескольких</TD>

<TD>ячеек</TD>

<TD>все просто</TD>

</TR>

<TR>

<TD>а так </TD>

<TD>начинается</TD>

<TD>новая строка</TD>

<TD>еще проще</TD>

</TR>

</TABLE>

Сложные таблицы.

Для этого используем еще два атрибута colspan – объединение ячеек, rowspan – объединение столбцов.

1 пример

<TABLE>

<TR>

<TD colspan=2>все просто</TD>

</TR>

<TR>

<TD>1 ячейка </TD>

<TD>2 ячейка</TD>

</TR>

</TABLE>

2 пример

<TABLE>

<TR>

<TD rowspan=4>вот она</TD>

<TD>все просто</TD>

</TR>

<TD>1 ячейка </TD>

</TR>

<TD>2 ячейка</TD>

</TR>

</TABLE>

Задание поэкспериментируйте и получите более сложные таблицы. Добавьте в содержимое ячейки картинку (желательно небольшого размера)


 

А также другие работы, которые могут Вас заинтересовать

64777. МУЗИКА Й ЖИВОПИС У ТВОРЧОСТІ О. КОБИЛЯНСЬКОЇ ТА Я. ІВАШКЕВИЧА: СИНКРЕТИЗМ ХУДОЖНЬОЇ ОБРАЗНОСТІ 162.5 KB
  Сучасність виводить синкретизм на рівень одного з основних понять філософії та культури, що зумовлено зростаючою роллю інтеграційних процесів та явищ у контексті глобалізації всього культурного життя суспільства, яке перетворює навколишній світ.
64778. ПЕДАГОГІЧНІ УМОВИ ФОРМУВАННЯ ПРОЕКТНО-ОБРАЗНОГО МИСЛЕННЯ МАЙБУТНІХ ДИЗАЙНЕРІВ У ВИЩОМУ НАВЧАЛЬНОМУ ЗАКЛАДІ 223 KB
  Сучасний етап розвитку українського суспільства ознаменувався значними трансформаціями в соціальноекономічній політичній культурній та освітній сферах що привели до переосмислення ролі дизайну як особливої діяльності яка завдяки естетичності екологічності технічності...
64779. Поліпшення паливно-економічних та екологічних показників автомобіля на основі оптимізації параметрів системи запалювання 820.26 KB
  Адаптивна настройка систем управління двигуном під конкретний режим руху автомобіля а також перерозподіл пріоритетів між ефективними показниками автомобіля залежно від умов його експлуатації є важливим експлуатаційним резервом економії палива й підвищення екологічної безпеки.
64780. ОПТИМІЗАЦІЯ ЕЛЕМЕНТІВ ТЕХНОЛОГІЇ ВИРОЩУВАННЯ СОЇ ТА КУКУРУДЗИ У ПІВДЕННО-ЗАХІДНІЙ ЧАСТИНІ СТЕПУ УКРАЇНИ 243.5 KB
  В ринкових умовах основою ефективного господарювання є інтенсивні технології вирощування сільськогосподарських культур, які базуються на використанні високопродуктивних сортів та раціональному використанні факторів життя.
64781. ФОРМУВАННЯ КОНКУРЕНТОСПРОМОЖНОСТІ ПІДПРИЄМСТВ ХЛІБОПЕКАРСЬКОЇ ГАЛУЗІ 632 KB
  З іншої сторони забезпечення конкурентоспроможності галузі та конкретних виробників хлібопекарської продукції в умовах жорсткої конкуренції є складним практичним і науковим завданням яке потребує багатоаспектного підходу із застосуванням системної теорії наукового управління.
64782. ТЕОРЕТИЧНІ ЗАСАДИ ФОРМУВАННЯ ФІНАНСОВОГО МЕХАНІЗМУ РЕСТРУКТУРИЗАЦІЇ ПІДПРИЄМСТВ ХАРЧОВОЇ ПРОМИСЛОВОСТІ 229 KB
  Процеси реорганізаційних дій зокрема і фінансової реструктуризації вимагають глибокого наукового обґрунтування. Більшість соціально-економічних індикаторів показують що в Україні реалізовано неефективний варіант реструктуризації який наклав відбиток на процес трансформації власності.
64783. ДОСЛІДНИЦЬКЕ ОБЛАДНАННЯ ДЛЯ КОМПЛЕКСНОЇ ОБРОБКИ ХАРЧОВИХ ПРОДУКТІВ ВИСОКИМ ТИСКОМ І УЛЬТРАЗВУКОМ 213.5 KB
  Світова сучасна практика збереження та поліпшення якості продуктів виробила принципово нову технологію обробки харчових продуктів шляхом використання високого тиску ВТ. У багатьох країнах Західної Європи США Японії розроблені технології обробки продуктів що знайшло відображення в наукових роботах...
64784. ВЕТЕРИНАРНО-САНІТАРНІ ЗАХОДИ ЩОДО ПРОФІЛАКТИКИ БАКТЕРІАЛЬНИХ ХВОРОБ СТРАУСІВ 417.5 KB
  Особливого розвитку набуває досить нова на Україні галузь страусівництво В. Зосередження на обмеженій території різновікових груп страусів неминуче веде до накопичення умовнопатогенної мікрофлори яка згодом стає стаціонарною й обумовлює хвороби бактеріальної етіології...
64785. Концепція влади М.Фуко: політичний вимір 218 KB
  Такий підхід до вивчення політичної влади обмежує її існування інституційним та юридичним вимірами. При цьому представники таких підходів визнають існування інших аспектів у дослідженні політичної влади однак залишають їх розгляд поза увагою як менш важливих.