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>

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


 

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

19460. Договор страхования 28.5 KB
  Договор страхования. Договор страхования это гражданскоправовая сделка между страховщиком и страхователем в силу которой страховщик обязуется при наступлении страхового случая произвести страховую выплату при условии оплаты страхователем страховой премии в обусл...
19461. Договор аренды зданий и сооружений 24.5 KB
  Договор аренды зданий и сооружений По договору аренды здания или сооружения арендодатель обязуется передать во временное владение и пользование или во временное пользование арендатору здание или сооружение. Стороны: Арендодатель и арендатор. Предмет: Здания и соор
19462. Договор аренды транспортного средства 27.5 KB
  Договор аренды транспортного средства. Договор аренды транспортных средств бывает двух видов: 1 с предоставлением услуг по управлению и обслуживанию транспортного средства с экипажем; 2 без предоставления таких услуг без экипажа. Договор аренды транспортных ср
19463. Institute on Mathematics and Mechanics, Urals Branch of Russian Academy of Science and Urals State University 59 KB
  This theoretical paper is devoted to research of computer metaphor’s sources. Metaphors are actively used in designing of modern interaction and visualization systems. The paper contains the discussion of problems of metaphor search and/or metaphor generations. One of possible hierarchy of computer metaphors is described.
19464. THEORY AS A BRIDGE BETWEEN EDUCATION, RESEARCH AND DEVELOPMENT IN HUMAN-COMPUTER INTERACTION AND COMPUTER VISUALIZATION 72 KB
  The theory is necessary to analyze an existing state of the practice, to train new professionals and to use in the practical work. One may find two main approaches to a choice of foundations for the theories of the computer visualization and human-computer interaction which can be roughly described as psychological and semiotical. The paper contains discussion on the theories of computer visualization and human-computer interaction and considers the role of the theories in education and development processes.
19465. Договор энергоснабжения и его характеристики 32.5 KB
  Договор энергоснабжения Договор энергоснабжения относится к договорам куплипродажи. Одна сторона передает другой за плату определенный товар энергию. Вместе с тем указанный товар обладает специфическими свойствами что требует особого регулирования договорн...
19467. Не коммерческие юридические лица 29.5 KB
  Не коммерческие юридические лица. Некоммерческие организации могут создаваться в форме: общественных или религиозных организаций объединений некоммерческих партнерств учреждений автономных некоммерческих организаций социальных благотворительных и иных фондов...
19468. Понятие и виды обязательств 31 KB
  Понятие и виды обязательств. Обязательство это гражданское правоотношение в силу которого одно лицо должник обязано совершить в пользу другого лица кредитора определенное действие передать вещь выполнить работу либо воздержаться от определенного действия а кре...