Это осложненный курс,а мы проходим основы.. это долго объяснять,а осоложненный курс я пока что не преподаю.

потом урок создам в этой теме:
http://podderjkacw.mybb.ru/viewforum.php?id=18

Урок # 4.

Урок #5.

Сейчас мы разберемя,как делать таблицу с прокруткой. Какие теги нам понадобяться?
Ну начнем конечно с основных:
<table border="1" width="100%">
<tr>
<td height="370" width="300"</td>

Ну-с,попробуем начать составлять код для такой таблицы. Итак:

Разберемся,что это значит.
с помощью td и параметров height="370" width="300" мы создали первый контейнер в таблице с прокруткой,для картинки.
valign="middle" - тег не очень важдный,и его можно бы было убрать. он так сказать размещает все посередине. но правда для этого у нас есть и align="center",но он хоть и похож свойствами с valign="middle",но не всеми. в общем содержимое ячейке будет находиться в центре.
tr и td,как мы помним новая строчка и новая ячейка. для картинки прокрутки не нужно,поэтому здесь все так просто.

Далее.Создадим контейнер для текста с прокруткой. Врт как это будет выглядеть:

Сейчас разберемя во всем по порядку. Вот мы создали новую ячейку и указали какой длины и ширины она будет. Указали что текст будет в центре. А вот что тут написанно дальше мы пока не знаем,но сейчас разберемся:

valign="top" - содержимое ячейки бедет находиться внизу. (если вместо top поставить bottow то будет находиться внизу) , для такой таблицы это необходимо.
далее,тег div и его параметры. сначала о нем:
тег div (парный) определяет контейнер для HTML. вдаваться в подробности мы не будем. но тег для этой таблицы необходим.
теперь его параметры(тоесть то что будет в таком вот контейнере,как и у td)
style="overflow: scroll - уф..как бы объяснить то хдд. ладно, в общем сам   overflow  управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. значение scroll,(попробую объяснить попроще),помогает избежать прокрутки по горизонтали,потому что нам нужна прокрутка по вертикале.
overflow-x - Internet Explorer поддерживает этот параметр, который отображает полосу прокрутки по горизонтали.
hidden - не вникай в суть этого тега,чаще всего он нужен именно для таких таблиц,с прокруткой,но все же,вот что он значит: вышедшее за пределы указанных границ содержимое не отображается. и тут же указана высота таких границ:
height:370px;-только уже в пикселях.
и закрываем все это:
</div></td></tr> - контейнер,строку и ячейку.
а потом соответственно закрываем и таблицу.

вот , что в итоге получилось:

<table border="1" width="100%"><tr><td height="370" width="300" align="center" valign="middle">картинка.</td>
<td height="380" height="440" align="center" valign="top"><div style="overflow: scroll; overflow-x: hidden; height:370px;">текст.
</div></td></tr>
</table>

фуф.думаю тут многое непонятно,спрашивай,если что.

кто сказал что на этом все?)
экзамен будет.
есть какие нибудь вопросы,или начинаем экзамен?

width - ширина ячейки в пикселях.
height - высота ячейки в пикселях.
совсем забыла сказать *0*

да. на экзамене,ты будешь работать на форуме-тестовике. сюда можешь заходить,понятно едело что ты все так сразу не запомнишь)

приступаем к экзамену?

хорошо)
в общем для начала создай тестовик,или любой форум, на котором будешь создавать эту таблицу.
дай мне сразу ссылку.

задания будет два. за каждое можно получить по 10 баллов. то есть максимальная оценка 20 баллов. оба задания составить таблицы. сейчас я скажу первое,после выполнения скажу второе.
примечание: то что написано в таблице у меня на скриншоте,ты должна так же написать в сделанной таблице.
итак.

Задание №1.

сделать такую таблицу.

п.с. если за экзамен получишь 18 -20 баллов,сможешь выполнять заказы - таблицы