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>

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


 

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

53836. Сценарий утренника «Дорога к звездам» 65.5 KB
  1й ученик: Взлетят ракеты к звездам в небеса. 2й ученик: Простой земной наш человек Пройдет Венеру к Марсу путь направит И на Луне сомненья в этом нет Он первым из людей свой след оставит. 3й ученик: Рассвет. 4й ученик: Живем мы на нашей планете В такой замечательный век И первый из первых в ракете...
53837. Сценарій виховного заходу для учнів 3-4 класів „Краса Космосу” 191 KB
  Вони помітили що Сонце світить набагато яскравіше ніж Місяць що зміна дня й ночі має ритмічний характер. Уранці Сонце підіймається в певному місці проходячи при цьому визначений шлях. Запитання для бесіди: Чи розглядали ви колинебудь зоряне небо Чи бачили як падають зорі Чи розглядали як світить місяць на небі Як світить сонце Які почуття вас охоплюють коли ви дивитися у небо Чому на вашу думку люди іноді надовго затримують свій погляд у небі Що вони там бачать Про що мріють І учень. Я пропоную вам доповнитит це...
53838. Космический рейс. Посвящается 50-летию полета в космос Ю.А. Гагарина 1.86 MB
  Почему люди тянутся к звездам Почему в наших песнях герой – это сокол Почему все прекрасное что он создал Человек помолчав называет Высоким Ведущий 2 Так кто же такой Юрий Гагарин – первый космонавт планеты Земля бесстрашный рацарь космоса. Взгляд материнский устремляя к сини Не сомневаясь в стойкости его Следила благодарная Земля За яркой трассой сына своего. Оно во все врывается края Во все сердца как ласточка влетает И мать-земля дыханье затая Полет героя-сына наблюдает.
53839. Космічна мандрівка. Відкритий урок у початковій школі. Інтегрований урок з природознавства і математики (4 клас) 63.5 KB
  Це найближча до Сонця планета її відстань до Сонця змінюється від 46 до 70 млн. Це найшвидша планета адже за рік вона оббігає навколо Сонця аж 4рази. А дізнатися що ближче до Сонця: Земля чи Меркурій і на скільки ви зможете розв’язавши задачу: Відстань від Сонця до Землі в средньому 150 млн.км а від Сонця до Меркурія 58 млн.
53840. Закрепление изученного материала. Сложение и вычитание в пределах 100 43.5 KB
  Оборудование: Интерактивная доска презентация учебник цепочка чисел. 9 7 = 16 о 30 4 = 34 а 60 20 = 80 у 70 – 1 = 69 б 12 – 7 = 5 р 28 – 20 = 8 и 96 1 = 97 т 8 6 = 14 н Чему равна сумма чисел 9 и 7 16 Чему равна сумма чисел 60 и 20 80 Чему равна разность чисел 12 и 7 5 Чему равна сумма чисел 96 и 1 97...
53841. Адресовані людям вірші – найщиріший у світі лист, присвяченої творчості Ліни Костенко 108.5 KB
  Обладнання: мультимедійна апаратура портрет Ліни Костенко виставка книг поетеси плакати з висловами: Не забувайте незабутнє І не знецінюйте коштовне Не загубіться у юрбі. Костенко Не бійся прикрого рядка Прозрінь не бійсябо вони як піки Не бійся правди хоч яка гірка Не бійся смутків хоч вони як ріки. Костенко Творчість Ліни Костенко – приклад шляхетного служіння поезії.
53842. Анализ финансово-хозяйственной деятельности предприятия, классификация задач анализа 28.5 KB
  Анализ финансово-хозяйственную деятельность предприятия входит в число основных направлений деятельности финансового менеджера. Он формирует объективную основу успешного управления финансами организации.
53843. Коти – пухнасті улюбленці людей. Історія одомашнювання кішки. Породи котів 150.5 KB
  Історія одомашнювання кішки. Кішки Діти а у кого дома є кішечка або котик Розповіді дітей про своїх улюбленців. Історичні відомості з одомашнювання кішки розповідь учителя. Діти а чи знаєте ви що протягом багатьох століть кішки вважалися тваринами загадковими таємничими повязаними з надприродними силами.
53844. Сценарій виховного заходу за темою: «Наша мрія крилата – стати справжніми козачатами» 72 KB
  Не сумуйте гори й ріки Не журиться мами: Коли виростем великі – Будем козаками Приспів: Гей хто любить Наш козацький край З нами разом Козаком ставай Хлопець: Мамо моя За час за годину Свиснуть кулі заграють гармати. Звучить пісня Гей на горі та й женці жнуть. Для присяги звучить пісня Гей там на горі Січ іде: Гей там на горі Січ іде. Гей малиновий стяг несе.