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>

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


 

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

69145. СОВРЕМЕННОЕ СОСТОЯНИЕ ЭЛЕКТРОНИКИ И КЛАССИФИКАЦИЯ ЭЛЕКТРОННЫХ УСТРОЙСТВ 84 KB
  Этапы и направления развития электроники. Классификация и области применения устройств компьютерной электроники. Значительные изменения во многих отраслях науки и техники обусловлены развитием электроники.
69146. ЭЛЕМЕНТНАЯ БАЗА КОМПЬЮТЕРНОЙ ЭЛЕКТРОНИКИ 328.5 KB
  Постоянные резисторы подразделяют на резисторы общего и специального назначения. Резисторы общего назначения имеют диапазон номинальных значений сопротивлений от 1 Ом до 10 МОм с номинальной мощностью рассеяния от 0125 до 100 Вт.
69147. Полупроводниковые диоды. Принцип работы. Основные классификации и характеристики 44.5 KB
  Полупроводниковые диоды. Обозначение: Uпр = 0608 В для Si Si кремний Uпр = 0304 В для Ge Ge германий Вольт-амперная характеристика идеального диода прямая ветвь прямой ток обусловлено движение основных носителей; обратный ток движение неосновных носителей...
69148. Биполярные транзисторы, принцип работы, основные параметры и характеристики 88 KB
  Движение тока осуществляется за счет перемещения двух носителей. Типы включения транзистора режимы работы: Активный режим рабочий. 1 режим отсечки 2 активный режим 3 точка насыщения 4 зона насыщения С точки зрения схемотехники различают 2 режима...
69149. ПОПЕРЕЧНЫЙ ИЗГИБ ПРЯМОУГОЛЬНЫХ ПЛАСТИНОК 1.12 MB
  Срединная плоскость пластинки плоскость делящая толщину пластинки пополам. Изогнутой срединной поверхностью пластинки называют поверхность в которую переходит срединная плоскость при деформации. Нагрузки действующие на пластинку...
69151. УСТОЙЧИВОСТЬ ПЛАСТИНОК 779.5 KB
  Основной особенностью пластинки является её способность воспринимать только распределённую нагрузку действующую главным образом в её плоскости рис. Нагружение пластины граничные условия для пластинки более разнообразны так как включают опирание продольных кромок рис.
69152. УСТОЙЧИВОСТЬ ТОНКОСТЕННЫХ СТЕРЖНЕЙ 585.5 KB
  Стержень - элемент удлинённой формы, работающий на растяжение-сжатие от продольных (осевых) сил (рис. 12.1,а). Стержни в авиационных конструкциях - это стрингеры крыла, фюзеляжа, оперения, пояса лонжеронов, тяги проводки управления и т.д.
69153. ОПРЕДЕЛЕНИЕ РАЗРУШАЮЩЕЙ НАГРУЗКИ ПОДКРЕПЛЁННОЙ ПАНЕЛИ 473.5 KB
  Панель элемент авиационной конструкции состоящий из пластинки обшивки и стержней стрингеров подкрепляющих её. В зависимости от характера соединения обшивки со стрингерами различают панели: клёпаной конструкции; сварной клеесварной и клеевой конструкции; монолитные...