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>

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


 

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

55327. Палити чи ні – твій вибір? 59 KB
  Чи корисно палити цигарки Чому так багато дорослих і підлітків палять якщо це шкідливо Як ви гадаєте: чи можемо ми привернути увагу дітей і дорослих до Проблеми тютюнопаління Як Дитячі відповіді. основ здоровя ГПД Виготовлення емблем...
55328. Природа рідна - наша втіха, тож, хай вона не знає лиха 58 KB
  Чи хотіли б ви дізнатися більше про планету Земля рослинний та тваринний світ Звідки ми можемо про це дізнатися Я пропоную вам провести екскурсію до краєзнавчого музею прочитати в довідниках енциклопедіях тощо...
55329. Антарктида. Південний край Землі. Материк таємниць і загадок 159.5 KB
  За планом скласти характеристику географічного положення Антарктиди. Які особливості природи материка визначаються її географічним положенням? В чому своєрідність географічного положення Антарктиди порівняно з іншими материками?
55330. Функція 2.38 MB
  Задачі проекту: розширити знання учнів з алгебри про про функцію; Познайомити учнів з різними видами функцій; усвідомити важливість даної теореми; Тематичні питання: Що ви знаєте з історії математики про функцію? Хто вперше ввів поняття функції? Які способи задання функції?
55331. Взаєморозуміння 152 KB
  Мета й завдання проекту: поглибити знання гімназистів про етикет і його важливість у житті людини; навчити дітей жити у злагоді з оточуючими; сприяти розвитку культурного рівня учнів; вдосконалити практичні уміння учасників проекту; виховувати повагу одне до одного.
55332. Система взаємодії у профорієнтаційній роботі школи та вищого навчального закладу 173 KB
  Забезпечення максимально сприятливих умов для професійного розвитку учнів формування мотивації професіональних намірів. Виявлення можливостей учнів їх корекція і розвиток розвиток професійних інтересів і необхідних якостей.
55333. Градусна сітка Землі. Географічні координати точок 282.5 KB
  Практикум Мініпрактикум Географічна розминка Світлофор Текст параграфа; позначити на контурній карті рівнини України Відносна і абсолютна висота точок місцевості Географічна мозаїка Географічний крос Проблемне питання Дивуй Кути Проблемне...
55334. Таємниці підводного царства 251 KB
  Мета проекту: освітня: розширити знання дітей про море як складну екосистему зі своїми законами і умовами для існування всіх його мешканців; сформувати елементарні уявлення про рослинний та тваринний світ морів та океанів...
55335. Десяткові дроби. Додавання та віднімання десяткових дробів 5.39 MB
  Мета роботи: використання комп’ютерних технологій при створенні математичних проектів для узагальнення і систематизації знань учнів з вивченої теми. Розвиток навичок самостійного одержання інформації, формування вміння відбирати й структурировати матеріал.