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>

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


 

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

36457. Основные пути перехода античных обществ к феодализму 34 KB
  Византийский путь. Итальянский путь. ЗФранцузский путь Фр. Самый быстрый путь из которого возникли госва Европы Скандинавскорусский путь.
36458. Переход античных обществ к феодализму (один из вариантов на историческом примере) 26.5 KB
  Римская империя = Византия Как и любой переход между цивилизациями данный переход проходил в четыре этапа. Однако неравномерность развития регионов мира приводила к большим различиям в развитии процесса переходного периода. Однако латентный этап перехода начался раннее сформировав ряд важных тенденций ставших впоследствии элементами феодальной цивилизации. Переход по византийскому пути был наименее болезненным но проходило очень медленно.
36459. Основные особенности и достижения Византии 27.5 KB
  Большая роль городов. Высокая роль государства в экономич. Основные достижения: 1 большая роль городов 2развитие торговли 3Высокая роль государства в экономике 4развитие архитектуры 5 использование религии в политических целях 6культурная экспансия 7развита централизация 8социальная мобильность 9Византии удавалось сдерживать натиск с Востока 10 Система подготовки кадров 11иерархическая система правления.
36460. Особенности экономического строя государств феодальной цивилизации на историческом примере 31 KB
  Крупное независимое землевладение значительный слой мелких земельных собственников и крестьянские общины вот что лежало в основе византийской экономики. Наступал период преобладания семейной общины. К 6 веку была утрачена социальная почва для укрепления мелкого крестьянства что привело к ослаблению деревни упадку земельной собственности городской общины античная традиция и последующему кризису мелких городов конец V в.
36461. Особенности политического устройства государств феодальной цивилизации на историческом примере 43 KB
  примере Византийская империя: Всю тысячелетнюю историю Византии можно условно разделить на три периода : 1. появление и развитие феодализма в Византии. Фактически же и история Византии как самостоятельного государства и история Византийской цивилизации началась в 395 г. Кроме того военностратегическое положение Константинополя обеспечивало Византии господство над проливами.
36462. Утрата античных знаний, упадок культуры 36 KB
  Главное достижение: смогли не только сохранить достижения античной науки но и соединить ее с восточными познаниями. Леонардо Пизанский непопулярные не прошли лицензию у Церкви науки изучал восточные науки арабские и инд. Однако несмотря на протест церкви непопулярные науки продолжали развиваться т. В середине 15 века происходит научная революция сутью которой было избавление науки от гнета католических догмат.
36463. Трансформация и дробление религиозных течений как признак кризиса феодальной цивилизации 39.5 KB
  Признаки упадка церкви: коррупция и неравенство в церковной иерархии церкви. Их суть: нельзя отпускать грехи без покаяния оно требует внутренней работы а не просто оплаты раскаивающийся получает прощение от Бога а не от церкви лучше совершить доброе деяние чем откупаться богатство церкви в священном писании а не в золоте и добрых делах. Лютер получил значительную поддержку но в каталической церкви дело сначала показалось незначительным когда в 1520 году Папа отлучил Лютера от церкви его многочисленные сторонники сожгли...
36464. Трансформация экономики в рамках индустриальной цивилизации 31.5 KB
  Без постоянно изобретения и совершенствования машин существование такой цивилизации уже становится невозможным. Технический прогресс становится основой жизни цивилизации. И в то же время в процессе монополизации уже были заложены противоречия ярко проявившиеся в ходе развития индустриальном цивилизации.
36465. Трансформация социально-политических отношений в рамках индустриальной цивилизации 46.5 KB
  Средоточием политической власти является государство опирающееся на систему правовых норм органы власти и управления армию аппарат идеологического воздействия на свою экономическую силу. когда впервые по приговору парламента был казнен король как символ абсолютной власти. Восстановившаяся после власти Кромвеля монархия получила чисто представительские полномочия. Провозглашение императором Наполеона восстановившего ряд признаков абсолютной власти имело иную социальную подоплеку: это была форма диктатуры победившей буржуазии.