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>

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


 

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

47003. Причины первой мировой войны 43.5 KB
  Покровский Стремившийся доказать что царская Россия есть главная виновница войны Покровский в то же время признавал что в основе международных противоречий вызвавших империалистическую войну лежал англогерманский конфликт за которым по значению следовал германофранцузский. Гуч в книге Накануне войны вышедшей в 1938 г. предпринял попытку доказать что возникновение войны в 1914 г.
47006. ТЕОРИЯ ПОДОБИЯ В ПРИМЕНЕНИИ К ДИФФЕРЕНЦИАЛЬНОМУ УРАВНЕНИЮ ТЕПЛОПРОВОДНОСТИ 43.9 KB
  Считаем также что начальная температура тела одинакова и не зависит от координат т.4 где α коэффициент теплоотдачи от тела к омывающей среде Tw температура стенки тела . С другой стороны плотность теплового потока у стенки тела равна: ∂T ∂ϑ qw = −λ = −λ 4.5 ∂n ∂n w w где λ коэффициент теплопроводности тела ∂T производная температуры в теле по нормали к поверхности.
47009. СКРЫТЫЕ (УСЛОВНЫЕ) БАЗЫ 44.26 KB
  Применение условных скрытых баз при проектировании тем более удобно что позволяет исключить из расчетов неизбежные погрешности реальных поверхностей снижающие точность базирования. При базировании деталей собираемых узлов и обрабатываемых заготовок в подавляющем большинстве случаев используются материальные поверхности явные базы по ГОСТ 21495 76 однако и в этом случае для повышения точности базирования иногда применяются условные скрытые базы материализуемые различными устройствами отвесы коллиматоры центрирующие...
47010. Эластичность спроса и предложения. Финансовая устойчивость страховых компаний и ее составляющие 45.47 KB
  Эластичность - степень реакции одной экономической величины на изменение другой. Эластичность показывает, на сколько процентов изменяется одна переменная экономическая величина при изменении другой...