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>

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


 

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

68028. Нарушение эмоционально-волевой сферы 32.19 KB
  Гипербулия – это общее повышение воли, затрагивающее все основные влечения человека. Гипобулия – понижение волевой активности (вялость, отсутствие потребности в общение. Ступор – полная или частичная обездвиженность, к нарушением воли так же можно отнести негативизм. Клептомания – кража ненужных вещей.
68029. Матвей Иванович Афонин (1739-1810 гг.) 494.24 KB
  XVIII век в истории России - это жестокий, даже беспощадный век правления Петра I, решившего в короткие сроки изменить Россию, время стрелецких бунтов и дворцовых переворотов, правления Екатерины Великой, крестьянских войн и усиления крепостного права. Но в то же время для этого периода русской...
68030. Клубна діяльність – одна з активних форм самореалізації особистості 121 KB
  Кожен його учасник поставлений в однакові умови для всіх вироблені спільно єдині вимоги і правила оформлені як Статут клубу. Є ще одна значима особливість клубу: участь у ньому добровільна кількість членів не визначається як наприклад у гуртку чи спортивній секції.
68032. Сценарій свята «Книга – твій друг» 44 KB
  Книга – одне з найбільших див, створених людиною. Завдячуючи їй, ми дізнаємося про минуле та день сьогоднішній, вона веде нас у захоплюючу подорож по країні Знань, розповідає про те, як вирощують хліб і зводять будинки, варять сталь і приборкують ріки, створюють машини та літають у космос.
68033. Розробка бібліотечного уроку для учнів 3-х класів вчителя початкових класів 98 KB
  Мета: Ознайомити учнів з історією виникнення книги з першодрукарями; розвивати звязне мовлення школярів спостережливість допитливість; прищеплювати бажання поповнювати свій словниковий запас; виховувати дбайливе ставлення до книги. Без слова немає людської мови а без мови книги.
68034. Інтелектуально-розважальна гра „Що ми знаємо про Кобзаря?” 41 KB
  Оскільки підлітковий вік це час самоутвердження формування особистості то зважаючи на це пропонуємо в ненавязливій формі гри вивчати Шевченка позмагатися хто краще знає долю і творчість поета. Клас або актова зала прибрані відповідно до відзначення дня народження Тараса Григоровича Шевченка...
68035. Вшановуємо Великого Кобзаря 153.5 KB
  Мета уроку: розширити знання учнів про творчість та життєвий шлях Т.Г.Шевченка; виробити вміння осмислити та зрозуміти тяжку долю поету, прищепити повагу та любов до нього, до України, до її чудової природи, до співучої солов’їної мови; поповнювати словник дітей образними виразами...