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>

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


 

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

84660. Маркетинговая деятельность предприятия: виды маркетинга 76.5 KB
  Предприятие предлагает розничные и оптовые цены льготные цены и скидки продажу в кредит. Чтобы обеспечить сбыт устанавливают низкие цены. Выживание возможно пока цены покрывают издержки хотя бы переменные. Максимизация текущей прибыли основывается на определении спроса при разных ценах и выборе цены...
84661. Обогащение руд цветных металлов 32.49 KB
  Чистая медь - это металл розовато красного цвета очень мягкий и обладающий большой вязкостью и пластичностью. Подземного выщелачивания Техникоэко-номические показатели медного производства Производство черновой меди отличается высокой материало и топливоёмкостью.
84662. Предложение. Члены предложения 37.29 KB
  Члены предложения. Докажите что мы составили предложения. А что должно стоять в конце любого предложения знак препинания IV. Работа по теме 10 минут На доске записаны слова: Астаны идем по улице мы а вы Астане были в приезжайте посмотреть обязательно нашу столицу Астану Составьте из слов каждой строчки предложения.
84663. Решение неравенств и систем неравенств с одной переменной 54 KB
  Цели: образовательная: повторить и закрепить умения и навыки решения линейных неравенств с одной переменной и их систем; привить навыки решения заданий; развивающая: развивать приёмы мыслительной деятельности, внимание; формировать потребность к приобретению знаний; развивать коммуникативную и информационную...
84664. Владимир Святославич. Принятие христианства 64.5 KB
  Задачи урока: образовательные: определить основные направления внутренней и внешней политики князя Владимира; вспомнить какие существуют мировые религии выявить отличия христианства от язычества; воспитательные: дать оценку деятельности Владимира Святославовича развивающие: сформировать...
84665. Коллективизация в Казахстане 13.26 KB
  Цель: ознакомить учащихся с процессом проведения коллективизации в Казахстане; научить правильно оценивать события происходящие в данный период на территории Казахстана. Голощекина в период проведения политики коллективизации программа Малый Октябрь; продолжить изучение тоталитаризма и его кровавых последствий.
84667. Разнообразие растений 18.58 KB
  Задачи: Обобщить знания учащихся о разнообразии и жизни растений. Дети называют соответствующие группы растений и в результате рядом с фотографией появляются названия групп Дети высказывают свои предположения. Изучить эти группы растений.