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>

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


 

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

11279. ОПРЕДЛЕНИЕ КИНЕМАТИЧЕСКИХ ХАРАКТЕРИСТИК РАВНОПЕРЕМЕННОГО ДВИЖЕНИЯ 178 KB
  ОПРЕДЛЕНИЕ КИНЕМАТИЧЕСКИХ ХАРАКТЕРИСТИК РАВНОПЕРЕМЕННОГО ДВИЖЕНИЯ Цель работы: 1 измерить основные кинематические характеристики равнопеременного поступательного и вращательного движений; 2 познакомиться с методами обработки прямых и косвенных измерений. Обо...
11280. Изучение внешнего фотоэффекта, Световой поток 380.5 KB
  Световой поток – это физическая величина, определяемая оптической мощностью излучения по вызываемому им световому ощущению (по его действию на селективный приемник света с заданной спектральной чувствительностью); измеряется в люменах (лм)...
11281. Определение концентрации раствора сахара при помощи сахариметра 340 KB
  Определение концентрации раствора сахара при помощи сахариметра. Методические указания содержат краткое описание процесса распространения линейно поляризованного света в оптически активных веществах. Методические указания предназначены для студентов инжене...
11282. Изучение законов теплового излучения 280.5 KB
  Изучение законов теплового излучения Указания содержат краткое описание законов теплового излучения и описание пирометрического метода измерения температуры раскаленных тел. Методические указания предназначены для студентов инженерных специальностей всех форм
11283. Изучение поляризации света при отражении и преломлении на границе двух диэлектриков 251 KB
  Изучение поляризации света при отражении и преломлении на границе двух диэлектриков Указания содержат краткое описание рабочей установки принцип действия гониометра и методику получения поляризованного света. Методические указания предназначены для студентов инже
11284. Изучение спектра атома водорода. Определение постоянной Ридберга 290 KB
  Изучение спектра атома водорода. Определение постоянной Ридберга Указания содержат краткие сведения о боровской теории водородоподобного атома спектральном методе исследования и порядок выполнения лабораторной работы. Методические указания предназначены для вып...
11285. Определение радиуса кривизны линзы с помощью колец Ньютона 260 KB
  Определение радиуса кривизны линзы с помощью колец Ньютона Указания содержат краткое описание рабочей установки и методики определения радиуса кривизны линзы. Методические указания предназначены для студентов инженерных специальностей всех форм обучения в ла
11286. Изучение явления дифракции света на ультразвуковой дифракционной решетке 183 KB
  Изучение явления дифракции света на ультразвуковой дифракционной решетке Изучение явления дифракции света на ультразвуковой дифракционной решетке: метод указания к лабораторной работе №3. Ростов н/Д: Издательский центр ДГГУ 2011. 10 с. Указания содержат кратк...
11287. Изучение явления дифракции света от дифракционной решетки 240 KB
  Изучение явления дифракции света от дифракционной решетки Указания содержат краткое описание рабочей установки и методику измерения длины световой волны с помощью дифракционной решётки. Методические указания предназначены для студентов инженерных специальн