Домашнее задание

Создать страницу с описанием друзей. При создании использовать таблицу.

Пример:

Мои друзья

Крыс, самый верный друг. Всегда рядом, особенно когда я этого не замечаю. Любит делать неожиданные подарки

Додекаэдр, колючий как еж. Мы с ним знакомы почти сто лет и до сих пор я не знаю всех его качеств. Скрытен.

Шоколадный заяц, зануда и ботаник, именно поэтому мне наиболее дорог и близок.

Тем, кто не знал и забыл, ниже дается подсказка по использованию тегов для создания таблиц и работы с рисунками.

Созданный шедевр нужно разместить на народе и выслать на почтовый адрес учителей адрес шедевра.

Например, van-vas-pet. narod. ru\friends. html

Таблицы

<TABLE 

  ALIGN="left | center |right" – выравнивание таблицы на странице

WIDTH="Ширина таблицы в пикселях"800" или процентах "100%"

BORDER="Толщина границы в пикселях "2" 

BORDERCOLOR=”Цвет границы”

CELLSPACING="Интервал между ячейками"

СЕLLPADDING="Размер полей ячеек (между текстом и  границей)"

  BGCOLOR="Цвет фона"

  BACKGROUND= "фоновый рисунок. расширение">

<CAPTION> Заголовок таблицы</CAPTION>

<TR  ALIGN=1eft |  right  |  center  | justify

                cлева| справа| по центру| по ширине

  VALIGN=top |  middle  | bottom

                  сверху| по середине| снизу

  HEIGHT="Высота строки">

НЕ нашли? Не то? Что вы ищете?

<TH>  Заголовки таблицы выровнены по центру, как по вертикали, так и по горизонтали, и полужирный шрифт</TH>

<TD ROWSPAN = "Количество строк"

COLSPAN =" Количество столбцов"

ALIGN="left | right | center | justify"

VALIGN="top | middle | bottom"

WIDTH="Ширина ячейки"

BGCOLOR="Koд цвета фона ячейки"> Текст ячейки</TD>

… 

</TR>

…

</TABLE>



№

Фамилия

Оценка

1

Иванов

5

2

Мананова

2


<TABLE ALIGN="center"  WIDTH="80%"  BORDER="1">

<TR HEIGHT="80">

<th width="10%"> №</th>

<th width="60%">  Фамилия</th>

<th> Оценка</th> </tr>

<TR>

<td align="center"> 1</td>

<td> Иванов</td>

<td align="center">  5</td></tr>

<TR>

<td align="center"> 2</td>

<td> Мананова</td>

<td align="center">  2</td></tr>

</TABLE>

Треугольник – это геометрическая фигура, состоящая из трех вершин, попарно соединенных отрезками.

<TABLE cellpadding="5">

<TR>

  <td><img src="tr. jpg" width="100">  </td>

<td  align=" justify ">

<b>Треугольник</b> – это геометрическая фигура, состоящая из трех вершин, попарно соединенных отрезками. </td> </TR>

</TABLE>

Графика в HTML

Вставить рисунок на страницу

<IMG SRC= "ИМЯ. ФОРМАТ"

ALT = "АЛЬТЕРНАТИВНЫЙ ТЕКСТ"

ALIGN = "ВЫРАВНИВАНИЕ"

CENTER

LEFT

RIGHT

TOP

MIDDLE

BOTTOM

рисунок по

центру

рисунок слева

рисунок справа

текст по верхнему краю рисунка

текст по середине рисунка

текст по нижнему

краю рисунка

HSPACE = "РАЗМЕР ГОРИЗОНТАЛЬНОГО ОТСТУПА ОТ ИЗОБРАЖЕНИЯ ДО ТЕКСТА"

VSPACE = "РАЗМЕР ВЕРТИКАЛЬНОГО ОТСТУПА ОТ ИЗОБРАЖЕНИЯ ДО ТЕКСТА"

BORDER = "ТОЛЩИНА РАМКИ В ПИКСЕЛЯХ"

WIDTH = "ШИРИНА В ПИКСЕЛЯХ ИЛИ % ОТ ШИРИНЫ СТРАНИЦЫ"

HEIGHT = "ВЫСОТА В ПИКСЕЛЯХ" >


ПРИМЕРЫ


< IMG SRC="IMAGE \ ROSE. JPG"  WIDTH ="50%" >

< IMG SRC="IMAGE \ ROSE. JPG"  ALT = "РОЗА" 

ALIGN = "LEFT"  HSPACE ="10" VSPACE = "10"

BORDER ="2"  WIDTH ="300" >


Фон страницы

<body bgcolor=”#ffffff”> цвет фона в RGB-кодировке или название цвета

Красный фон <body bgcolor=”red”>

или <body bgcolor=”#ff0000”> 

<body background=”имя. расширение”> - фоновый рисунок